
:root{--bg:#101115;--bg2:#17191d;--bg3:#1e2026;--surface:#23252a;--text:#f7f6f2;--muted:#b6b7bd;--red:#ed4b4b;--red2:#b92c35;--line:#393b43;--max:1190px;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}p{margin:0 0 1.1rem}img,svg{max-width:100%}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer}
.skip{position:absolute;top:-100px;left:12px;background:#fff;color:#111;padding:.6rem;z-index:50}.skip:focus{top:12px} .wrap{width:min(var(--max),calc(100% - 42px));margin:0 auto}
.site-header{position:sticky;z-index:40;top:0;background:rgba(15,16,20,.94);backdrop-filter:blur(13px);border-bottom:1px solid #292b31}.bar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:10px;line-height:1.05;min-width:220px}.wolf-mark{color:#eee}.brand strong{display:block;font-weight:850;font-size:1.04rem;letter-spacing:.06em}.brand small{display:block;color:var(--muted);font-size:.7rem;letter-spacing:.12em;margin-top:4px}.nav-links{display:flex;gap:5px;align-items:center}.nav-links a{font-size:.82rem;color:#dbdce0;padding:.63rem .7rem;border-radius:7px;white-space:nowrap}.nav-links a:hover,.nav-links a.active{background:#292b33;color:#fff}.nav-links .nav-cta{background:var(--red);color:#fff;font-weight:700;margin-left:5px}.nav-links .nav-cta:hover{background:#cf3d40}.menu-toggle{display:none;background:#26272d;color:#fff;border:1px solid #484953;border-radius:7px;padding:.5rem .7rem}
.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;font-size:.72rem;letter-spacing:.18em;font-weight:800;color:#ff8585}.eyebrow:before{content:"";width:24px;height:2px;background:var(--red)}h1,h2,h3{line-height:1.09;letter-spacing:-.035em;margin:0}h1{font-size:clamp(2.6rem,5vw,5rem);max-width:840px}h2{font-size:clamp(2rem,3.2vw,3.4rem)}h3{font-size:1.32rem}strong{font-weight:750}.lead{color:#c4c6cd;font-size:clamp(1.04rem,1.4vw,1.25rem);max-width:720px;line-height:1.65}.section{padding:88px 0}.section.alt{background:var(--bg2)}.section-heading{max-width:780px;margin-bottom:35px}.section-heading h2{margin-top:13px}.section-heading p{margin-top:17px;color:var(--muted)}.small{font-size:.88rem;color:var(--muted)}
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 82% 44%,rgba(200,42,50,.24),transparent 35%),radial-gradient(circle at 12% 90%,rgba(190,38,48,.10),transparent 34%),linear-gradient(125deg,#121318 5%,#1b1b22 90%);border-bottom:1px solid #32343a;padding:125px 0 105px}.hero:after{position:absolute;z-index:-1;content:"";width:43vw;height:43vw;right:-18vw;top:0;border:1px solid #4e2d30;transform:rotate(33deg);box-shadow:0 0 0 80px rgba(255,255,255,.01),0 0 0 160px rgba(255,255,255,.012)}.hero h1{margin:20px 0 22px}.accent{color:#ff696d}.hero .lead{max-width:610px}.hero-actions,.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:14px 22px;border-radius:9px;border:1px solid #62646b;font-size:.95rem;font-weight:750;transition:.15s;line-height:1.2}.button.primary{background:var(--red);border-color:var(--red);color:#fff}.button.primary:hover{background:var(--red2);border-color:var(--red2)}.button.ghost:hover{background:#282a2f}.button.small-btn{padding:10px 17px;font-size:.86rem}.trust-row{display:flex;gap:25px;flex-wrap:wrap;border-top:1px solid #414248;margin-top:65px;padding-top:28px;color:#d3d4d8;font-size:.86rem}.trust-row span:before{content:"✓";color:#ff7575;margin-right:9px;font-weight:800}
.page-hero{padding:92px 0 72px;background:linear-gradient(122deg,#1c1e23,#111216);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.5rem,4.4vw,4rem);margin:15px 0 18px}.grid{display:grid;gap:17px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--bg3);padding:28px;border:1px solid var(--line);border-radius:var(--radius)}.card h3{margin:10px 0 11px}.card p{color:var(--muted);font-size:.95rem;margin:0}.card .num{font-weight:800;font-size:.85rem;color:#ff7a7a;letter-spacing:.08em}.card a{display:inline-block;margin-top:18px;color:#ff9696;font-weight:750}.band{padding:32px;border:1px solid #753c40;border-radius:16px;background:linear-gradient(105deg,#321a1f,#1b1b20);display:flex;justify-content:space-between;align-items:center;gap:20px}.band p{color:#d2c6c7;margin:12px 0 0}.steps{counter-reset:step}.step{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.step .bullet{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;color:#ff8a8a;border:1px solid #813f43;border-radius:10px;font-weight:900}.step h3{font-size:1.15rem;margin:0 0 9px}.step p{color:var(--muted);margin:0}.callout{border-left:4px solid var(--red);padding:18px 20px;background:#29262b;color:#d7d8de;margin-top:25px;border-radius:0 9px 9px 0}.list{padding:0;list-style:none}.list li{margin:12px 0;padding-left:26px;position:relative;color:#d1d2d7}.list li:before{content:"";width:8px;height:8px;border-radius:50%;background:#ed6363;position:absolute;left:1px;top:9px}
.quote-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.8fr);gap:25px;align-items:start}.form-panel{background:#1c1e24;border:1px solid var(--line);border-radius:20px;padding:35px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-row{display:flex;flex-direction:column;gap:7px;margin-bottom:17px}.form-row.wide{grid-column:1/-1}.form-row label{font-size:.85rem;font-weight:700;color:#e1e1e5}.form-row input,.form-row select,.form-row textarea{width:100%;background:#101115;color:#fff;border:1px solid #50515b;border-radius:9px;padding:12px 13px;min-height:48px}.form-row textarea{min-height:115px;resize:vertical}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:#f66d71;outline:2px solid rgba(239,85,87,.22)}.form-row .help{font-size:.76rem;color:var(--muted)}.form-note{background:#29232a;color:#ddd0d0;border:1px solid #604248;padding:14px;border-radius:9px;font-size:.86rem;margin-bottom:21px}.copy-status{min-height:24px;color:#b6edcc;font-size:.88rem;margin-top:10px}.checkline{display:flex;align-items:flex-start;gap:10px;color:#d6d7dd;font-size:.86rem;margin:12px 0 20px}.checkline input{accent-color:var(--red);margin-top:4px}.info-panel{padding:26px;border:1px solid var(--line);border-radius:16px;background:#202126;margin-bottom:16px}.info-panel a{color:#ff9595;word-break:break-word}.info-panel h3{margin:0 0 14px}.info-panel p{margin-bottom:10px}.info-panel p:last-child{margin:0}.foot{background:#0b0c0f;border-top:1px solid #2e3035;padding:46px 0}.foot-grid{display:grid;grid-template-columns:2.1fr 1fr 1.25fr;gap:35px}.foot h4{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:#f1f2f4;margin:0 0 15px}.foot ul{list-style:none;margin:0;padding:0}.foot li{margin-bottom:9px;color:#b5b6bc;font-size:.86rem}.foot a:hover{color:#fff}.foot .bottom{border-top:1px solid #27282e;margin-top:35px;padding-top:20px;color:#8e9099;font-size:.77rem}.disclaimer{font-size:.85rem;color:#a9aab1}.legal h2{font-size:1.55rem;margin:25px 0 13px}.legal p,.legal li{color:#c6c7cd}.error{color:#ffa7a7;margin:0 0 15px;font-size:.85rem}
@media(max-width:1100px){.menu-toggle{display:inline-flex}.nav-links{display:none;position:absolute;left:0;right:0;top:76px;background:#15161b;flex-direction:column;align-items:stretch;padding:16px 25px 21px;border-bottom:1px solid #333}.nav-links.show{display:flex}.nav-links a{font-size:.94rem;padding:12px}.nav-links .nav-cta{margin-left:0;text-align:center}}@media(max-width:750px){.hero{padding:90px 0 68px}.three,.two,.quote-layout,.foot-grid{grid-template-columns:1fr}.section{padding:62px 0}.page-hero{padding:70px 0 55px}.band{display:block}.band .button{margin-top:23px}.form-grid{grid-template-columns:1fr}.form-panel{padding:22px}.trust-row{margin-top:47px;gap:12px;display:grid}.bar{height:70px}.nav-links{top:70px}.wrap{width:min(var(--max),calc(100% - 32px))}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Ops Engineering incremental mobile conversion/keyboard patch — 2026-10-07 */
@media(max-width:1100px){.brand{min-width:0}.menu-toggle{flex-shrink:0}.nav-links{max-height:calc(100dvh - 76px);overflow-y:auto}}
@media(max-width:750px){body{padding-bottom:72px}.nav-links{max-height:calc(100dvh - 70px)}.bar .brand{gap:6px}.bar .brand strong{font-size:.94rem}.bar .brand small{font-size:.6rem}.bar .brand .wolf-mark svg{width:32px;height:32px}.mobile-contact-bar{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 16px max(10px,env(safe-area-inset-bottom));background:#111216;border-top:1px solid #43454b;z-index:39}.mobile-contact-bar a{display:block;padding:9px 7px;text-align:center;border-radius:8px;font-weight:750;font-size:.91rem;background:#27282e;border:1px solid #555963}.mobile-contact-bar a:last-child{background:#ed4b4b;border-color:#ed4b4b;color:#fff}.quote-layout{gap:18px}}
@media(max-width:360px){.wrap{width:calc(100% - 24px)}.bar .brand strong{font-size:.85rem}.bar .brand small{font-size:.54rem}.menu-toggle{font-size:.84rem;padding:.45rem .5rem}}
@media(min-width:751px){.mobile-contact-bar{display:none}}

/* Accessible white-on-red CTAs, replacing non-conforming brighter red backgrounds */
.button.primary,.nav-links .nav-cta,.mobile-contact-bar a:last-child{background:#c0363d;border-color:#c0363d;color:#fff}
.button.primary:hover,.nav-links .nav-cta:hover,.mobile-contact-bar a:last-child:hover{background:#b92c35;border-color:#b92c35}
@media(max-width:750px){body{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}

/* 2026-10-11 refinement: brand hierarchy, route visual, quote clarity, keyboard access. */
:root { --bg:#0e1014; --bg2:#15171c; --bg3:#1a1d24; --line:#373941; --accent:#f4787d }
:focus-visible{outline:3px solid #ffd4d5!important;outline-offset:4px}
::selection{background:#a32e37;color:#fff}
.site-header{box-shadow:0 10px 40px rgba(0,0,0,.14)}
.nav-links a{transition:color .17s,background-color .17s}
.nav-links a.active:not(.nav-cta){box-shadow:inset 0 -2px 0 #d65a63}
.button{transition:transform .18s,background-color .18s,border-color .18s,box-shadow .18s}
.button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.18)}
.hero{background:radial-gradient(circle at 78% 25%,rgba(162,38,49,.22),transparent 36%),radial-gradient(circle at 12% 95%,rgba(190,38,48,.08),transparent 30%),linear-gradient(125deg,#111318 10%,#1c1d23 90%);padding:108px 0 103px}
.hero:after{pointer-events:none;opacity:.53}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);align-items:center;gap:clamp(28px,5vw,76px)}
.hero h1{font-size:clamp(2.8rem,4.7vw,4.85rem)}
.hero .lead{max-width:630px}
.hero-actions .button{min-height:53px}
.hero .trust-row{margin-top:48px;padding-top:22px;gap:14px 24px}
.route-panel{background:linear-gradient(155deg,#25232a,#16181e 78%);border:1px solid #55414a;border-radius:24px;padding:30px 27px;box-shadow:0 35px 85px rgba(0,0,0,.32);position:relative;overflow:hidden}
.route-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(255,255,255,.032),transparent 35%);pointer-events:none}
.route-heading{display:flex;gap:10px;justify-content:space-between;align-items:start}
.panel-eyebrow{color:#eb8d90;font-size:.65rem;letter-spacing:.2em;font-weight:800}
.route-heading h2{font-size:1.38rem;letter-spacing:-.035em;max-width:300px;margin-top:8px;line-height:1.24}
.route-symbol{background:#3d2b34;border:1px solid #80515b;color:#ffc6c8;width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;font-size:1.45rem}
.route-illustration{height:181px;position:relative;margin:19px 0 3px;background:radial-gradient(circle at 48% 46%,rgba(202,69,84,.09),transparent 52%);border-radius:16px;border:1px solid rgba(255,255,255,.07);overflow:hidden}
.route-illustration:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:29px 29px;mask-image:linear-gradient(#fff,transparent 96%);opacity:.65}
.route-line{position:absolute;inset:17px 12px;width:calc(100% - 24px);height:140px}
.route-node{position:absolute;z-index:2;display:flex;align-items:center;gap:6px;font-size:.57rem;letter-spacing:.16em;font-weight:850;color:#e9e5e7;text-shadow:0 2px 5px #000;background:#26252d;border:1px solid #8c515c;padding:7px 9px;border-radius:7px}
.node-origin{left:8%;bottom:13%}.node-destination{right:4%;top:10%}.node-dot{width:6px;height:6px;border-radius:50%;background:#f9878f}
.route-divider{height:1px;background:rgba(255,255,255,.11);margin:19px 0}
.route-steps{list-style:none;margin:0;padding:0;display:grid;gap:15px}
.route-steps li{display:flex;align-items:flex-start;gap:13px}
.route-steps li>span{color:#ef8e91;background:#33262d;border:1px solid #6a4047;border-radius:7px;padding:5px 6px;font-size:.72rem;font-weight:800}
.route-steps strong{display:block;color:#fff;font-size:.86rem}.route-steps small{display:block;color:#b4b4bd;font-size:.76rem;margin-top:2px}
.route-note{color:#8d8e97;font-size:.66rem;letter-spacing:.02em;margin-top:23px;border-top:1px solid rgba(255,255,255,.1);padding-top:14px}
.card{transition:border-color .16s,background-color .16s}
.card:hover{border-color:#6e464e;background:#22232b}
.quote-faq{margin-top:72px}.quote-faq .card h3{font-size:1.08rem;margin:0 0 11px}
.form-row input::placeholder,.form-row textarea::placeholder{color:#a5a5af;opacity:1}
.info-panel a:hover,.card a:hover{color:#ffd9dc;text-decoration:underline}
@media(max-width:1120px){.hero-grid{grid-template-columns:1fr 350px;gap:25px}.route-panel{padding:22px 18px}.hero h1{font-size:clamp(2.6rem,4.7vw,4.1rem)}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero{padding:82px 0 85px}.route-panel{max-width:640px}.hero .trust-row{margin-top:34px}}
@media(max-width:750px){.hero{padding:72px 0 72px}.route-panel{padding:22px 18px}.route-heading h2{font-size:1.27rem}.route-illustration{height:160px}.route-steps{gap:13px}.hero .trust-row{gap:9px}.quote-faq{margin-top:54px}}
@media(max-width:375px){.hero h1{font-size:2.62rem}.route-panel{padding:18px 14px}.hero-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.button:hover{transform:none}}
/* Keep all mobile navigation links reachable if JavaScript cannot initialize. */
@media(max-width:1100px){html:not(.navigation-ready) .site-header{position:static}html:not(.navigation-ready) .bar{height:auto;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}html:not(.navigation-ready) .menu-toggle{display:none}html:not(.navigation-ready) .nav-links{display:flex;position:static;flex-direction:row;flex-wrap:wrap;align-items:center;width:100%;max-height:none;padding:0;border:0;background:transparent}html:not(.navigation-ready) .nav-links a{font-size:.85rem;padding:8px}html:not(.navigation-ready) .nav-links .nav-cta{margin:0}}

/* Original owner-approved Blackfang logo, kept visually intact. */
.brand{min-width:242px}.brand-logo{display:block;width:80px;height:80px;object-fit:contain;flex:0 0 80px;border-radius:6px}.bar{height:96px}.foot .brand-logo{width:112px;height:112px;flex-basis:112px}
@media(max-width:1100px){.brand{min-width:0}.nav-links{top:96px;max-height:calc(100dvh - 96px)}}
@media(max-width:750px){.bar{height:82px}.brand-logo{width:64px;height:64px;flex-basis:64px}.nav-links{top:82px;max-height:calc(100dvh - 82px)}.foot .brand-logo{width:96px;height:96px;flex-basis:96px}}
@media(max-width:360px){.brand-logo{width:56px;height:56px;flex-basis:56px}.bar .brand{gap:5px}}

/* Dispatch composer: full, selectable fallback for every browser. */
.email-preview{margin-top:28px;padding-top:24px;border-top:1px solid var(--line);scroll-margin-top:110px;overflow-wrap:anywhere}.email-preview h2{font-size:1.4rem}.email-preview textarea{min-height:350px;font-size:16px;line-height:1.55}.email-preview[hidden],#open-email[hidden]{display:none!important}
