/* Style C overrides for the sub pages (legal, thank-you, quote-letter) on top of styles.css */
@font-face{font-family:"Brico";src:url(assets/fonts/bricolage-var.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"DMS";src:url(assets/fonts/dmsans-var.woff2) format("woff2");font-weight:100 1000;font-display:swap}
:root{--navy:#1A1D21;--navy2:#121417;--ink:#F5F5F2;--body:#C9CBD1;--muted:#9A9CA3;--line:rgba(255,255,255,.1);--line2:rgba(255,255,255,.18);
--teal:#C6FF3D;--teal-d:#C6FF3D;--mint:#5CF2C8;--mint-l:rgba(198,255,61,.14);--mint-bg:rgba(198,255,61,.06);--sky:#5CF2C8;--sun:#C6FF3D;
--bg:#0C0D0F;--soft:#121417;--shadow:0 1px 2px rgba(0,0,0,.3),0 12px 30px rgba(0,0,0,.35);--shadow-lg:0 30px 70px rgba(0,0,0,.5);
--grad:linear-gradient(135deg,#C6FF3D,#5CF2C8);--head:"Brico","Bricolage Grotesque",system-ui,sans-serif;--sans:"DMS","DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
html{background:#0C0D0F}
body{background:radial-gradient(90% 50% at 85% 0%,rgba(35,64,31,.9),rgba(12,13,15,0) 70%) no-repeat,#0C0D0F;color:var(--body)}
h1,h2,h3,h4{color:var(--ink);font-weight:800}
a{color:#C6FF3D}
.nav{background:rgba(12,13,15,.6)}
.nav.scrolled{box-shadow:none}
.nav-links a:not(.btn){color:var(--body)}
.blob{display:none}
.btn{color:#F5F5F2;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
.btn-primary,.btn-sm{background:#C6FF3D;color:#0C0D0F;border-color:#C6FF3D;box-shadow:0 0 24px rgba(198,255,61,.35)}
.btn-primary:hover,.btn-sm:hover{box-shadow:0 0 36px rgba(198,255,61,.55)}
.btn-primary::after{display:none}
.btn-ghost{background:rgba(255,255,255,.06);color:var(--ink);border:1px solid rgba(255,255,255,.16)}
.btn-ghost:hover{color:#C6FF3D;border-color:rgba(198,255,61,.5)}
.eyebrow{color:#C6FF3D}
.panel,.ty-steps li{background:rgba(255,255,255,.05);border:1px solid var(--line);box-shadow:none}
.ty-steps li::before{color:#0C0D0F}
.legal h2 .i{color:#C6FF3D}
.ql input,.ql select,.ql textarea{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:var(--ink)}
.ql input::placeholder,.ql textarea::placeholder{color:#6E7178}
.ql select option{background:#1A1D21;color:#F5F5F2}
.ql input:focus,.ql select:focus,.ql textarea:focus{background:rgba(255,255,255,.09);border-color:#C6FF3D;box-shadow:0 0 0 4px rgba(198,255,61,.15)}
.ql .out{background:#F5F5F2;border-color:#F5F5F2}
.ql .out,.ql .out .note{color:#33363D}
.ql .out .btn{color:#0C0D0F;background:#E5E5DF;border-color:#D5D5CE}
.ql .out .btn-primary{background:#0C0D0F;color:#C6FF3D;border-color:#0C0D0F;box-shadow:none}
#letter{border-top-color:#0C0D0F;color:#1B1D21}
#copied{color:#2F6B00}
.final-box{background:linear-gradient(160deg,rgba(198,255,61,.1),rgba(255,255,255,.03))!important;border:1px solid rgba(198,255,61,.35)!important;color:var(--body)}
.final-box h2,.final-box h3{color:var(--ink)}
.check-anim circle{stroke:#C6FF3D}.check-anim path{stroke:#5CF2C8}
.footer{background:#0A0B0C;border-top:1px solid var(--line)}
.foot a{color:var(--body)}.foot a:hover{color:#C6FF3D}
.toast{background:#1A1D21;color:var(--ink);border:1px solid rgba(198,255,61,.4)}
.toast .i{color:#C6FF3D}