/* Standby Lawyer inner pages. Builds on landing.css tokens. */
.wrap{max-width:1240px;margin:0 auto;position:relative;z-index:1}
.serif{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-.03em;text-transform:none}
.chip{display:inline-flex;align-items:center;gap:10px;border:2px solid currentColor;padding:8px 13px;font-weight:900;font-size:12px;letter-spacing:1.6px;text-transform:uppercase}
.chip::before{content:"";width:9px;height:9px;background:var(--yellow);border:2px solid currentColor}
.fine{font-size:13px;font-weight:700;opacity:.75;margin:24px 0 0;line-height:1.5}
.pt0{padding-top:0!important}
.band-cream{background:var(--cream);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}
.band-ink{background:var(--ink);color:var(--paper)}

/* Logo: orange block with a hard offset shadow (the ::after layer was painting over the block) */
.signature-logo .standby-block{z-index:auto;box-shadow:4px 4px 0 var(--ink)}
.signature-logo .standby-block::after{display:none}
@media(max-width:430px){.signature-logo.nav-logo .standby-block{box-shadow:3px 3px 0 var(--ink)}}
/* Scrolling workflow icons: show the line icon only, not a colour tile */
.workflow-icon{background:none!important}

/* current page in nav */
.navlinks a.is-current:not(.btn){background:var(--yellow);border:2px solid var(--ink);padding:5px 8px;text-decoration:none}

/* mobile menu */
.mnav{display:none;position:relative}
.mnav summary{list-style:none;cursor:pointer;border:3px solid var(--ink);background:var(--cream);padding:9px 12px;font-weight:900;font-size:12px;letter-spacing:1px;box-shadow:3px 3px 0 var(--ink);user-select:none}
.mnav summary::-webkit-details-marker{display:none}
.mnav[open] summary{background:var(--ink);color:var(--paper)}
.mnav-panel{position:absolute;right:0;top:calc(100% + 14px);width:min(270px,82vw);background:var(--cream);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);z-index:30}
.navlinks .mnav-panel a.mlink{display:block;padding:15px 18px;border-bottom:2px solid var(--ink);font-weight:900;font-size:16px;text-decoration:none}
.navlinks .mnav-panel a.mlink:last-child{border-bottom:0;background:var(--yellow)}
.navlinks .mnav-panel a.mlink:hover{background:var(--pink)}
@media(max-width:850px){.mnav{display:block}.navlinks{gap:10px}}
@media(max-width:390px){.mnav summary{padding:8px 8px;font-size:11px;border-width:3px}}

/* page hero */
.pg-hero{position:relative;overflow:hidden;padding:96px 5vw 88px;border-bottom:3px solid var(--ink)}
.pg-hero.dark{background:var(--ink);color:var(--paper);border-bottom-color:#2a2a2a}
.pg-h1{font-size:clamp(54px,8.2vw,124px);line-height:.88;letter-spacing:-.055em;margin:22px 0 30px;max-width:1150px}
.pg-h1 .serif{letter-spacing:-.045em}
.dark .pg-h1 .serif{color:var(--yellow)}
.lede{font-size:clamp(19px,1.7vw,24px);line-height:1.45;font-weight:700;max-width:760px;margin:0}
.pg-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:36px}
.pg-actions .btn,.cta-band .btn,.site-footer .btn,.form-card .btn{font-family:inherit;cursor:pointer}
.dark .btn,.band-ink .btn,.site-footer .btn,.contact-side .btn{color:var(--ink);box-shadow:7px 7px 0 var(--pink)}
.dark .btn:hover,.band-ink .btn:hover,.site-footer .btn:hover{box-shadow:4px 4px 0 var(--pink)}
.ghost{position:absolute;right:-3vw;bottom:-5vw;font-size:21vw;font-weight:900;letter-spacing:-.07em;line-height:.8;color:transparent;-webkit-text-stroke:2px rgba(242,238,230,.10);pointer-events:none;white-space:nowrap;z-index:0}
.ghost.on-light{-webkit-text-stroke:2px rgba(17,17,17,.07)}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:76px;padding-top:30px;border-top:1px solid #3a3a3a}
.fact b{display:block;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;font-size:clamp(76px,8vw,124px);line-height:.85;color:var(--yellow)}
.fact span{display:block;margin-top:14px;font-weight:800;font-size:16px;line-height:1.4;max-width:270px}
.about-hero{background:var(--cream)}
.pricing-hero{background:var(--paper)}

/* sections */
.sec{padding:100px 5vw}
.sec-head{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:end;margin-bottom:54px}
.sec-head h2{font-size:clamp(42px,5.6vw,82px);line-height:.9;letter-spacing:-.05em;margin:0}
.sec-head p{font-size:19px;line-height:1.55;font-weight:600;max-width:520px;margin:0}
.band-ink .sec-head h2 .serif{color:var(--yellow)}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:var(--ink);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink)}
.step{background:var(--cream);padding:32px 30px 34px;min-height:260px;transition:background .2s ease}
.step:hover{background:var(--yellow)}
.step:nth-child(3n+2):hover{background:var(--pink)}
.step:nth-child(3n):hover{background:var(--green)}
.step-top{display:flex;justify-content:space-between;align-items:flex-start}
.step .num{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:54px;line-height:.9}
.step svg{width:46px;height:46px;fill:none;stroke:var(--ink);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.step h3{font-size:27px;letter-spacing:-1.2px;margin:26px 0 10px;line-height:1}
.step p{font-size:16px;line-height:1.5;font-weight:600;margin:0}

/* tabs */
.tabs-nav{display:flex;width:fit-content;max-width:100%;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:var(--ink);gap:3px;overflow-x:auto}
.tab-btn{appearance:none;border:0;background:var(--paper);color:var(--ink);padding:17px 24px;font:900 15px/1 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.6px;cursor:pointer;white-space:nowrap}
.tab-btn:hover{background:var(--cream)}
.tab-btn[aria-selected="true"]{background:var(--yellow)}
.tab-btn:focus-visible{outline:3px solid var(--purple);outline-offset:-6px}
.tab-panel{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-top:50px}
.tab-panel[hidden]{display:none}
.tab-panel h3{font-size:clamp(34px,4vw,56px);line-height:.95;letter-spacing:-.045em;margin:0 0 20px}
.tab-panel > div > p{font-size:18px;line-height:1.55;font-weight:600;margin:0;max-width:540px}
.ticks{list-style:none;padding:0;margin:26px 0 0;max-width:540px}
.ticks li{position:relative;padding:14px 0 14px 36px;border-top:2px solid var(--ink);font-weight:800;font-size:17px}
.ticks li:last-child{border-bottom:2px solid var(--ink)}
.ticks li::before{content:"";position:absolute;left:0;top:15px;width:18px;height:18px;background:var(--green);border:2px solid var(--ink)}

/* product mock */
.mock{border:3px solid var(--ink);background:#171717;color:#f7f2e8;box-shadow:14px 14px 0 var(--pink)}
.mock.sh-yellow{box-shadow:14px 14px 0 var(--yellow)}.mock.sh-green{box-shadow:14px 14px 0 var(--green)}.mock.sh-blue{box-shadow:14px 14px 0 var(--blue)}.mock.sh-purple{box-shadow:14px 14px 0 var(--purple)}
.mock-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid #333}
.mock-bar i{display:block;width:11px;height:11px;border-radius:50%;background:#444}
.mock-bar span{margin-left:auto;font-size:11px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:#8d877c}
.mock-body{padding:26px 26px 22px}
.mock-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.mock-title{font-size:22px;font-weight:900;letter-spacing:-.5px}
.mock-tag{padding:5px 9px;font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase;background:var(--yellow);color:var(--ink);white-space:nowrap}
.mock-tag.t-green{background:var(--green)}.mock-tag.t-blue{background:var(--blue)}.mock-tag.t-pink{background:var(--pink)}
.mock-line{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid #333;font-size:15px}
.mock-line span{color:#a8a296}
.mock-line b{text-align:right}
.mock-line b.ok{color:var(--green)}.mock-line b.wait{color:var(--yellow)}
.mock-btns{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}
.mock-btns span{border:2px solid #f7f2e8;padding:8px 12px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.6px}
.mock-btns span:first-child{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.bubble{max-width:84%;padding:12px 16px;margin:0 0 10px;font-size:15px;line-height:1.4;border:2px solid #444;background:#262626}
.bubble.out{margin-left:auto;background:var(--blue);color:var(--ink);border-color:var(--blue);font-weight:700}
.bubble.flag{margin-left:auto;background:var(--yellow);color:var(--ink);border-color:var(--yellow);font-weight:800}
.mock-note{font-size:11px;font-weight:700;color:#8d877c;margin-top:16px;letter-spacing:.4px}

/* practice packs */
.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pack{border:3px solid var(--ink);background:var(--cream);box-shadow:7px 7px 0 var(--ink);padding:0 28px 30px;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}
.pack:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--ink)}
.pack-top{height:14px;margin:0 -28px 26px;border-bottom:3px solid var(--ink)}
.pack h3{font-size:31px;letter-spacing:-1.5px;line-height:1;margin:0 0 20px}
.pack dl{margin:0;display:grid;gap:16px}
.pack dt{font-size:11px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;opacity:.65}
.pack dd{margin:5px 0 0;font-size:16px;line-height:1.45;font-weight:700}

/* does / never */
.versus{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:var(--ink);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink)}
.versus > div{padding:46px 44px}
.versus .does{background:var(--green)}
.versus .never{background:var(--ink);color:var(--paper)}
.versus h3{font-size:clamp(36px,4vw,54px);letter-spacing:-.045em;line-height:.95;margin:0 0 26px}
.versus .never h3 .serif{color:var(--pink)}
.versus ul{list-style:none;padding:0;margin:0}
.versus li{display:flex;gap:14px;padding:15px 0;border-top:2px solid currentColor;font-size:18px;font-weight:800;line-height:1.35}
.versus li::before{content:"\2713";font-weight:900;flex:0 0 18px}
.versus .never li{border-top-color:#3a3a3a}
.versus .never li::before{content:"\2715";color:var(--pink)}

/* CTA band */
.cta-band{padding:100px 5vw;background:var(--yellow);border-top:3px solid var(--ink)}
.cta-band.pink{background:var(--pink)}.cta-band.purple{background:var(--purple)}.cta-band.blue{background:var(--blue)}
.cta-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:48px;align-items:end}
.cta-band h2{font-size:clamp(48px,7vw,108px);line-height:.86;letter-spacing:-.055em;margin:0}
.cta-band p{font-size:20px;line-height:1.45;font-weight:800;margin:0 0 26px}
.cta-band .pg-actions{margin-top:0}

/* pricing */
.pricing-grid .price-card{position:relative;background-clip:padding-box}
.price-flag{position:absolute;top:-17px;left:26px;background:var(--ink);color:var(--paper);padding:8px 12px;font-size:12px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase}
.price-card .price .per{font-size:20px;letter-spacing:0;font-weight:800}
.calc{display:grid;grid-template-columns:1.05fr .95fr;gap:3px;background:var(--ink);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink)}
.calc-in{background:var(--paper);padding:44px}
.calc-out{background:var(--ink);color:var(--paper);padding:44px;display:flex;flex-direction:column;justify-content:space-between;gap:30px}
.field{margin-bottom:34px}
.field:last-child{margin-bottom:0}
.field label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-weight:900;font-size:14px;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}
.field output{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;font-size:34px;letter-spacing:-1px;text-transform:none}
.field input[type=range]{width:100%;accent-color:#111;height:30px;cursor:pointer}
.cap{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:1.3px;color:#a8a296}
.big{font-size:clamp(60px,7vw,104px);font-weight:900;letter-spacing:-.055em;line-height:.9;margin:12px 0 10px;color:var(--yellow)}
.calc-split{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #3a3a3a;padding-top:24px}
.mid{font-size:clamp(36px,3.6vw,50px);font-weight:900;letter-spacing:-.04em;margin:8px 0 6px}
.calc-fine{font-size:12px;line-height:1.5;font-weight:700;color:#8d877c;margin:0}
.table-scroll{overflow-x:auto;border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink);background:var(--cream)}
.compare{width:100%;min-width:680px;border-collapse:collapse}
.compare th,.compare td{padding:17px 20px;border-bottom:2px solid var(--ink);text-align:center;font-size:16px;font-weight:700}
.compare th:first-child,.compare td:first-child{text-align:left}
.compare thead th{background:var(--ink);color:var(--paper);font-size:14px;text-transform:uppercase;letter-spacing:1.2px;border-bottom:0}
.compare thead th small{display:block;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:26px;letter-spacing:-.5px;text-transform:none;margin-top:6px;color:var(--yellow)}
.compare tbody tr:last-child td{border-bottom:0}
.compare tbody tr:hover td{background:#fff3c4}
.compare td.col-solo{background:rgba(255,201,0,.18)}
.compare .y::before{content:"\2713";font-weight:900;font-size:20px}
.compare .n::before{content:"\2014";opacity:.3}
.faq{border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink);background:var(--cream)}
.faq details{border-bottom:3px solid var(--ink)}
.faq details:last-child{border-bottom:0}
.faq summary{list-style:none;cursor:pointer;padding:26px 30px;font-size:clamp(19px,2vw,24px);font-weight:900;letter-spacing:-.5px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:34px;line-height:.7;font-weight:400;flex:0 0 auto}
.faq details[open] summary{background:var(--yellow)}
.faq details[open] summary::after{content:"\2212"}
.faq-a{padding:22px 30px 28px;font-size:18px;line-height:1.6;font-weight:600;max-width:860px;margin:0}

/* security */
.gate{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch}
.gate-box{border:3px solid var(--paper);padding:34px 30px}
.gate-box.you{background:var(--yellow);color:var(--ink);border-color:var(--yellow);box-shadow:10px 10px 0 var(--pink)}
.gate-box .n{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:20px;opacity:.75}
.gate-box h3{font-size:clamp(28px,3vw,40px);letter-spacing:-.04em;line-height:1;margin:14px 0 14px}
.gate-box p{font-size:17px;line-height:1.5;font-weight:600;margin:0}
.gate-arrow{display:flex;align-items:center;justify-content:center;padding:0 16px;font-size:42px;font-weight:900;color:var(--yellow)}
.gate-stop{margin-top:34px;border:2px dashed #555;padding:20px 24px;font-size:18px;font-weight:800;display:flex;gap:14px;align-items:center}
.gate-stop b{background:var(--pink);color:var(--ink);padding:6px 10px;font-size:13px;letter-spacing:1px;text-transform:uppercase}
.laws{border-top:3px solid var(--ink)}
.law-row{display:grid;grid-template-columns:170px 1fr 1fr;gap:44px;padding:46px 0;border-bottom:3px solid var(--ink);align-items:start}
.law-num{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:112px;line-height:.78;letter-spacing:-.05em}
.law-row h3{font-size:clamp(30px,3.2vw,46px);letter-spacing:-.045em;line-height:.98;margin:0 0 14px}
.law-row .lead{font-size:18px;font-weight:900;margin:0}
.law-row > p{font-size:18px;line-height:1.6;font-weight:600;margin:0}
.lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.lane{border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);padding:32px 30px}
.lane.ink{background:var(--ink);color:var(--paper);box-shadow:7px 7px 0 var(--pink)}
.lane .sub{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;opacity:.75}
.lane h3{font-size:36px;letter-spacing:-1.8px;line-height:1;margin:0 0 22px}
.lane ul{list-style:none;padding:0;margin:0}
.lane li{padding:13px 0;border-top:2px solid currentColor;font-size:17px;font-weight:800;line-height:1.35}
.lane.ink li{border-top-color:#3a3a3a}
.asks{counter-reset:q;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:3px;background:var(--ink);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink)}
.asks li{counter-increment:q;position:relative;padding:30px 30px 30px 92px;background:var(--cream);font-size:20px;font-weight:800;line-height:1.35}
.asks li::before{content:counter(q,decimal-leading-zero);position:absolute;left:28px;top:24px;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;font-size:38px}

/* about */
.letter{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.monogram{position:sticky;top:120px;border:3px solid var(--ink);background:var(--purple);box-shadow:12px 12px 0 var(--ink);aspect-ratio:4/5;display:flex;flex-direction:column;justify-content:space-between;padding:34px}
.monogram .mg{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:clamp(130px,15vw,230px);line-height:.8;letter-spacing:-.07em}
.monogram .who{font-weight:900;font-size:24px;letter-spacing:-.5px}
.monogram .who small{display:block;font-size:13px;letter-spacing:1.4px;text-transform:uppercase;margin-top:8px}
.letter-body p{font-size:21px;line-height:1.62;font-weight:600;margin:0 0 24px;max-width:680px}
.letter-body .drop{font-size:clamp(24px,2.4vw,30px);line-height:1.35;font-weight:800;letter-spacing:-.5px}
.pull{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:clamp(32px,3.5vw,50px);line-height:1.12;letter-spacing:-.02em;border-left:8px solid var(--pink);padding:6px 0 6px 28px;margin:40px 0;max-width:680px}
.sign{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:38px;margin-top:36px}
.sign small{display:block;font-family:Arial,Helvetica,sans-serif;font-style:normal;font-size:13px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;margin-top:10px}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;background:var(--ink);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink)}
.tl{background:var(--paper);padding:32px 28px;min-height:320px;display:flex;flex-direction:column}
.tl.now{background:var(--yellow)}
.tl .when{align-self:flex-start;border:2px solid var(--ink);padding:6px 10px;font-size:12px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:auto}
.tl h3{font-size:29px;letter-spacing:-1.4px;line-height:1;margin:46px 0 12px}
.tl p{font-size:16px;line-height:1.5;font-weight:600;margin:0}
.beliefs{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}
.belief{border-top:6px solid var(--ink);padding-top:24px}
.belief .n{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:70px;line-height:.9}
.belief h3{font-size:34px;letter-spacing:-1.6px;line-height:1;margin:18px 0 14px}
.belief p{font-size:18px;line-height:1.55;font-weight:600;margin:0}
.who-list{display:flex;flex-wrap:wrap;gap:16px}
.who-list span{border:3px solid var(--ink);padding:16px 22px;font-weight:900;font-size:clamp(17px,1.8vw,22px);background:var(--cream);box-shadow:5px 5px 0 var(--ink)}
.who-list span:nth-child(6n+1){background:var(--pink)}.who-list span:nth-child(6n+3){background:var(--green)}.who-list span:nth-child(6n+5){background:var(--blue)}
.who-list span:nth-child(odd){transform:rotate(-1.2deg)}.who-list span:nth-child(even){transform:rotate(1deg)}

/* contact */
.contact{display:grid;grid-template-columns:.92fr 1.08fr;min-height:calc(100vh - 80px)}
.contact-side{background:var(--ink);color:var(--paper);padding:84px 5vw 70px;position:relative;overflow:hidden}
.contact-side .pg-h1{font-size:clamp(54px,7vw,112px)}
.contact-side .pg-h1 .serif{color:var(--yellow)}
.ways{display:grid;gap:14px;margin-top:44px;max-width:560px}
.way{display:grid;grid-template-columns:46px 1fr;gap:18px;align-items:start;padding:20px 22px;border:2px solid #3a3a3a;background:#1a1a1a;text-decoration:none;color:inherit;transition:transform .15s ease,border-color .15s ease}
.way:hover{border-color:var(--yellow);transform:translateX(5px)}
.way svg{width:42px;height:42px;fill:none;stroke:var(--yellow);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.way strong{display:block;font-size:19px;margin-bottom:5px}
.way span{font-size:15px;line-height:1.45;color:#bdb6aa}
.next{margin-top:46px;max-width:560px}
.next h2{font-size:13px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;color:#a8a296;margin:0 0 14px}
.next ol{counter-reset:s;list-style:none;padding:0;margin:0}
.next li{counter-increment:s;display:flex;gap:16px;align-items:baseline;padding:13px 0;border-top:1px solid #333;font-size:17px;font-weight:800}
.next li::before{content:counter(s);font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;font-size:28px;color:var(--yellow);min-width:22px}
.contact-main{padding:84px 5vw 70px;background:var(--paper)}
.form-card{border:3px solid var(--ink);background:var(--cream);box-shadow:12px 12px 0 var(--ink);padding:42px;max-width:720px}
.form-title{font-size:clamp(36px,4vw,54px);letter-spacing:-.045em;line-height:.95;margin:0 0 30px}
.f{margin-bottom:20px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.f label,.topics legend{display:block;font-size:12px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:9px}
.f label em{font-style:normal;color:#b0452a}
.f input,.f select,.f textarea{display:block;width:100%;border:3px solid var(--ink);border-radius:0;background:var(--white);padding:15px 16px;font:700 17px/1.3 Arial,Helvetica,sans-serif;color:var(--ink);appearance:none;-webkit-appearance:none;transition:box-shadow .12s ease}
.f select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23111' stroke-width='3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}
.f textarea{resize:vertical;min-height:140px}
.f input:focus,.f select:focus,.f textarea:focus{outline:none;box-shadow:6px 6px 0 var(--pink)}
.topics{border:0;padding:0;margin:0 0 24px;min-width:0}
.topic-list{display:flex;flex-wrap:wrap;gap:10px}
.topic-list label{cursor:pointer;position:relative}
.topic-list input{position:absolute;opacity:0;width:1px;height:1px}
.topic-list span{display:inline-block;border:3px solid var(--ink);padding:10px 14px;font-weight:900;font-size:14px;background:var(--white);transition:transform .12s ease}
.topic-list label:hover span{transform:translateY(-2px)}
.topic-list input:checked + span{background:var(--yellow);box-shadow:4px 4px 0 var(--ink)}
.topic-list input:focus-visible + span{outline:3px solid var(--purple);outline-offset:3px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-note{font-size:13px;line-height:1.5;font-weight:700;background:#eee7d9;border-left:5px solid var(--ink);padding:12px 14px;margin:6px 0 24px}
.form-card .btn{width:100%;text-align:center}
.sent-box,.err-box{display:none;border:3px solid var(--ink);padding:28px 30px;box-shadow:8px 8px 0 var(--ink);margin-bottom:30px;max-width:720px}
.sent-box{background:var(--green)}
.sent-box h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.045em;line-height:.95;margin:0 0 12px}
.sent-box p{font-size:18px;line-height:1.5;font-weight:700;margin:0}
.err-box{background:var(--orange);font-size:17px;line-height:1.5;font-weight:700}
.is-sent .sent-box{display:block}
.is-sent .form-card{display:none}
.is-err .err-box{display:block}
.launch-ok{color:var(--ink);background:var(--green);border:3px solid var(--ink);padding:10px 14px;display:inline-block}

/* footer */
.site-footer{display:block;background:var(--ink);color:var(--paper);padding:84px 5vw 34px;border-top:3px solid var(--ink)}
.ft-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:44px;padding-bottom:56px;border-bottom:1px solid #333}
.site-footer .signature-logo{color:var(--paper)}
.site-footer .standby-block{color:var(--ink);border-color:var(--paper);box-shadow:4px 4px 0 var(--paper)}
.ft-big{font-size:clamp(34px,3.8vw,54px);line-height:.98;letter-spacing:-.04em;font-weight:900;margin:28px 0 30px}
.ft-big .serif{color:var(--yellow)}
.ft-col h2{font-size:12px;letter-spacing:1.7px;text-transform:uppercase;color:#8d877c;margin:6px 0 18px}
.ft-col a{display:block;text-decoration:none;font-weight:800;padding:7px 0;font-size:17px}
.ft-col a:hover{color:var(--yellow)}
.ft-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:28px;font-size:13px;font-weight:700;color:#8d877c}

/* page fallback */
.page-body{max-width:860px;margin:0 auto}
.page-body h1{font-size:clamp(46px,6vw,84px);line-height:.92;letter-spacing:-.05em;margin:0 0 30px}
.page-body .entry{font-size:19px;line-height:1.65;font-weight:600}

/* responsive */
@media(max-width:1020px){
  .steps{grid-template-columns:repeat(2,1fr)}
  .packs{grid-template-columns:repeat(2,1fr)}
  .timeline{grid-template-columns:repeat(2,1fr)}
  .ft-top{grid-template-columns:1fr 1fr}
  .ft-brand{grid-column:1/-1}
  .law-row{grid-template-columns:120px 1fr;gap:30px}
  .law-row > p{grid-column:2}
  .law-num{font-size:84px}
}
@media(max-width:850px){
  .pg-hero{padding:64px 18px 60px}
  .sec,.cta-band{padding:72px 18px}
  .sec-head{grid-template-columns:1fr;gap:20px;margin-bottom:38px}
  .tab-panel{grid-template-columns:1fr;gap:40px;margin-top:36px}
  .versus{grid-template-columns:1fr}
  .versus > div{padding:34px 26px}
  .cta-grid{grid-template-columns:1fr;gap:30px}
  .calc{grid-template-columns:1fr}
  .calc-in,.calc-out{padding:32px 24px}
  .gate{grid-template-columns:1fr}
  .gate-arrow{transform:rotate(90deg);padding:12px 0}
  .lanes{grid-template-columns:1fr}
  .asks{grid-template-columns:1fr}
  .letter{grid-template-columns:1fr;gap:44px}
  .monogram{position:relative;top:0;aspect-ratio:auto;min-height:300px}
  .beliefs{grid-template-columns:1fr;gap:36px}
  .contact{grid-template-columns:1fr;min-height:0}
  .contact-side,.contact-main{padding:60px 18px}
  .facts{grid-template-columns:1fr;gap:26px;margin-top:54px}
}
@media(max-width:640px){
  .pg-h1,.contact-side .pg-h1{font-size:clamp(44px,13.5vw,66px);letter-spacing:-.05em}
  .steps,.packs,.timeline{grid-template-columns:1fr}
  .step,.tl{min-height:0}
  .f2{grid-template-columns:1fr;gap:0}
  .form-card{padding:28px 20px;box-shadow:8px 8px 0 var(--ink)}
  .ft-top{grid-template-columns:1fr}
  .law-row{grid-template-columns:1fr;gap:16px;padding:36px 0}
  .law-row > p{grid-column:auto}
  .law-num{font-size:72px}
  .asks li{padding:26px 22px 26px 78px;font-size:18px}
  .faq summary{padding:22px 20px}
  .faq-a{padding:20px 20px 24px}
  .calc-split{grid-template-columns:1fr}
  .mock-body{padding:20px 18px}
  .gate-stop{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.step,.pack,.way,.topic-list span{transition:none}}

/* ---------- Brand logo ---------- */
.signature-logo{display:inline-flex;align-items:center;line-height:0;flex-shrink:0}
.site-logo{display:block;height:46px;width:auto;max-width:none}
footer .footer-logo .site-logo{height:60px}
.site-footer .footer-logo .site-logo{height:76px}
@media(max-width:850px){.nav-logo .site-logo{height:40px}}
@media(max-width:430px){.nav-logo .site-logo{height:34px}}
@media(max-width:340px){.nav-logo .site-logo{height:28px}}

/* ---------- Mobile polish (whole site) ---------- */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
a,button,summary,label{-webkit-tap-highlight-color:rgba(255,201,0,.35)}
@media(max-width:850px){
  nav{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
  .hero-card{margin-top:8px}
}
@media(max-width:600px){
  h1{letter-spacing:-3px}
  .section-title{letter-spacing:-2px;line-height:.95}
  .rule{padding:64px 18px}
  .rule h2{font-size:clamp(44px,12.5vw,64px);letter-spacing:-2.5px}
  .rule p{font-size:19px;line-height:1.45}
  .tile h2{font-size:clamp(34px,10vw,48px);letter-spacing:-1.5px}
  .tile h3{font-size:30px;letter-spacing:-1px}
  .quote{font-size:24px}
  .cta-panel{padding:22px 18px}
  .cta-panel strong{font-size:21px}
  .cta-panel .btn,.hero .actions .btn,.close .actions .btn{width:100%;text-align:center}
  .dashboard{padding:22px 18px}
  .dashboard .hello{font-size:26px}
  .row{font-size:16px;gap:12px;align-items:baseline}
  .row strong{font-size:20px;flex-shrink:0;text-align:right}
  .dashboard > div:last-child{font-size:23px!important}
  .demo-head{padding:12px 14px}
  .demo-head .btn{padding:10px 14px;font-size:14px}
  .demo-screen h3{font-size:30px}
  .price-card{min-height:0;padding:26px 22px}
  .price{font-size:48px}
  .founder-copy h2{font-size:44px;letter-spacing:-2px}
  .founder-copy p{font-size:19px;line-height:1.5}
  .close{padding:70px 18px}
  .close h2{font-size:clamp(44px,13.5vw,72px);letter-spacing:-3px;line-height:.9}
  .close p{font-size:21px}
  footer{padding:26px 18px}
  .site-footer{padding:64px 18px 30px}
  .ft-col a{padding:10px 0}
  #pricing > p[style]{font-size:20px!important}
  #demo > p[style]{font-size:18px!important}
}
@media(max-width:360px){
  .navlinks .btn{font-size:10px;padding:8px 7px}
  .mnav summary{padding:7px 7px;font-size:10px}
}