/* UnderTorque public V14 staging design — additive to shared prototype stylesheet.
 * V14 company/marketing direction, 2026-10-10 canonical identity masters.
 * Avoid runtime fonts/CDNs, preserve truthful content and reduced-motion support. */
:root{--bg:#071321;--bg-2:#0c1929;--surface:#101e30;--surface-2:#15263a;--text:#f6f9fd;--muted:#b0c0d0;--border:#294058;--radius:22px;--max:1220px;--shadow:0 28px 85px rgba(1,7,16,.3)}
html{scroll-padding-top:106px} body{background:radial-gradient(ellipse 62% 38% at 76% 4%,rgba(77,163,255,.11),transparent 76%),radial-gradient(ellipse 54% 36% at 20% 28%,rgba(47,230,209,.045),transparent 80%),#071321;font-size:16px;line-height:1.7;letter-spacing:-.006em}
body:before{background-size:82px 82px;opacity:.07;z-index:0;mask-image:linear-gradient(180deg,black,transparent 85%)}body>*{position:relative}
.wrap{width:min(calc(100% - 56px),var(--max))}
.site-header{background:rgba(7,19,33,.93);border-bottom:1px solid rgba(201,222,246,.11);backdrop-filter:blur(22px)}
.nav{min-height:86px;gap:20px}.brand{display:inline-flex;align-items:center;white-space:normal;flex-shrink:0;padding:3px 0;min-width:0}
.brand-logo{width:clamp(158px,17vw,212px);height:auto;max-height:65px;display:block;object-fit:contain}
.footer-logo{width:220px;max-width:100%;height:auto;display:block;object-fit:contain}
.brand-copy{display:none}.nav-links{gap:clamp(12px,1.5vw,24px)}
.nav-links a{font-size:.86rem;letter-spacing:-.01em;color:#bfccdc;white-space:nowrap;font-weight:650;transition:color .18s ease}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--cyan)}
.nav-actions{gap:6px}.nav-actions .btn{font-size:.81rem;white-space:nowrap}.nav-actions .btn-quiet{padding:10px 12px}
.btn{border-radius:12px;padding:12px 19px;min-height:46px;letter-spacing:-.01em;font-size:.9rem;transition:background .18s,border-color .18s,transform .18s;text-align:center}
.btn-primary{background:#69b0ff;color:#071421;border-color:#69b0ff;box-shadow:0 8px 24px rgba(26,123,224,.18)}
.btn-secondary{border-color:#426078;background:rgba(235,245,255,.035)}
.btn-quiet{color:#dce7f3}.btn:hover{filter:none;transform:translateY(-1px)}
.btn-primary:hover{background:#99cbff;border-color:#99cbff}
.btn-secondary:hover{background:#1b3147;border-color:#79a7cd}
:where(a,button,summary,input,textarea,select):focus-visible{outline:3px solid #2fe6d1;outline-offset:4px}
::selection{background:#2fe6d1;color:#04101b}
h1,h2,h3{letter-spacing:-.045em;line-height:1.11;font-weight:790}
h1{font-size:clamp(2.8rem,5.2vw,5.4rem);max-width:1020px;letter-spacing:-.06em}
h2{font-size:clamp(1.95rem,3.65vw,3.48rem)}h3{font-size:1.23rem;line-height:1.22}
.lead{line-height:1.65;max-width:750px;color:#c7d7e5}
.eyebrow,.kicker{font-size:.73rem;letter-spacing:.14em;font-weight:790;color:#7de9df}
.hero{padding:94px 0 76px}
.hero:not(.hero-home){position:relative;background:linear-gradient(170deg,rgba(36,94,154,.075),transparent 73%)}
.hero:not(.hero-home) h1{max-width:970px}.hero:not(.hero-home) .lead{max-width:800px}
.hero-home{padding:102px 0 0;position:relative;overflow:hidden}
.hero-home:before{content:"";position:absolute;pointer-events:none;inset:0;opacity:.32;background:radial-gradient(ellipse 35% 44% at 77% 44%,rgba(31,135,245,.21),transparent 75%)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:clamp(42px,5vw,82px);align-items:center}
.hero-copy{position:relative;z-index:1}
.hero-home h1{font-size:clamp(3.15rem,5.2vw,5.4rem);margin:23px 0 26px;max-width:700px}
.hero-highlight{color:#a9d9ff;background:linear-gradient(105deg,#f1fbff 3%,#70b5ff 61%,#55f1e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-home .lead{font-size:1.16rem;max-width:660px;margin-bottom:30px}
.eyebrow-spark{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2fe6d1;box-shadow:0 0 0 5px rgba(47,230,209,.12)}
.hero-home .actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-home .btn{min-height:51px;padding:15px 20px}
.hero-note{margin:25px 0 0;font-size:.92rem}
.hero-note a{text-underline-offset:4px;color:#d9efff}
.hero-bottomline{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid rgba(255,255,255,.085);padding:25px 0;margin-top:78px;color:#89a4ba;letter-spacing:.14em;font-size:.64rem;font-weight:750}
.hero-illustration{min-width:0}
.knowledge-journey{margin:0;background:linear-gradient(150deg,#152c44,#0b1b2d 61%,#091b2b);border:1px solid #36516a;border-radius:26px;box-shadow:0 38px 105px rgba(0,0,0,.34);overflow:hidden;position:relative}
.knowledge-journey:before{content:"";position:absolute;width:400px;height:400px;left:55%;top:-250px;border-radius:50%;background:rgba(47,230,209,.1);filter:blur(70px);pointer-events:none}
.journey-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 24px;background:rgba(7,17,31,.52);border-bottom:1px solid #37516a;font-size:.63rem;font-weight:850;letter-spacing:.14em;color:#c7e1f4}
.journey-tag{font-size:.64rem;letter-spacing:0;color:#96e7d9;border:1px solid #365d62;border-radius:30px;padding:5px 10px;text-transform:none;white-space:nowrap}
.journey-track{padding:30px 27px 18px}
.journey-step{position:relative;padding:19px 21px 18px 22px;border-radius:16px;border:1px solid #395066;background:#10263e}
.journey-step-a{margin-right:70px}.journey-step-b{margin:0 35px;background:#102a3c;border-color:#35666e}
.journey-step-c{margin-left:70px;background:#12304a;border-color:#3a6c89}
.step-id{font-size:.59rem;letter-spacing:.14em;color:#71d7ee;font-weight:850}
.journey-step h3{font-size:clamp(1rem,1.65vw,1.32rem);letter-spacing:-.025em;margin:8px 0 6px;line-height:1.27}
.journey-step p{color:#bad0df;font-size:.75rem;line-height:1.5;margin:0 0 10px}
.journey-marker{display:inline-block;font-size:.63rem;font-weight:740;color:#a7f0dd;letter-spacing:.012em}
.journey-connector{display:flex;align-items:center;justify-content:center;gap:8px;height:32px}
.journey-connector span{width:4px;height:9px;background:#2fe6d1;transform:skewY(-24deg) rotate(35deg);border-radius:3px;opacity:.7}
.journey-connector span:nth-child(2){opacity:.45}.journey-connector span:nth-child(3){opacity:.25}
.knowledge-journey figcaption{display:flex;align-items:center;gap:11px;border-top:1px solid #2d455a;padding:16px 22px;color:#a5bbcd;font-size:.7rem;line-height:1.45;background:#0b192a}
.journey-caption-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgba(47,230,209,.1);color:#6fe8da;flex-shrink:0}
.section{padding:104px 0}.section-tight{padding:68px 0}
.section-head{gap:55px;margin-bottom:42px;align-items:center}.section-head h2{max-width:830px}
.section-head p{font-size:1.02rem;max-width:450px;line-height:1.73}
.section:nth-of-type(even){background:linear-gradient(180deg,rgba(135,171,216,.025),rgba(135,171,216,.012))}
.grid-2,.grid-3{gap:22px}.grid-4{gap:17px}
.card{padding:30px;border-radius:23px;border:1px solid #2c4157;background:linear-gradient(150deg,#132236,#0d1c2d);box-shadow:none;transition:border-color .18s,transform .18s}
.card:hover{border-color:#4c7491}
.product-card{padding:clamp(25px,3vw,42px);background:linear-gradient(140deg,#172941,#0d1b2b 80%)}
.product-card:nth-child(2){background:linear-gradient(145deg,#122d3b,#0e1d2d 72%)}
.product-card .keyline{padding:18px 0;color:#b2f2e1}
.product-card .feature{line-height:1.5}.product-card .btn-primary{box-shadow:none}
.status{border-color:#376078;background:rgba(47,230,209,.04);color:#ddf5ed}
.status-pilot{border-color:#745933;background:rgba(245,158,11,.05);color:#f6d5a1}
.proof-strip{border-color:#31475c;background:#31475c;border-radius:21px}
.proof{padding:24px;background:#112135}.proof strong{font-size:1.1rem}.proof span{color:#b6c7d8}
.flow-step{background:#142439}.flow-step b{font-size:.8rem}
.split{gap:60px}.callout{padding:clamp(30px,4.5vw,60px);background:linear-gradient(140deg,#142a3e,#101d31 67%,#102d34);border-color:#3b6370}
.cta{padding:75px 0 95px}.cta-box{border-radius:26px;background:linear-gradient(115deg,#142e45,#10313d);border-color:#426c77;padding:clamp(30px,5vw,57px)}
.site-footer{padding-top:62px;background:#06101d;border-color:#2b3e54}
.footer-grid{gap:45px}.site-footer .brand{margin:-14px 0 12px}
.footer-grid h4{font-size:.9rem;letter-spacing:.01em}
.footer-grid a{transition:color .2s}.footer-grid a:hover{color:#d7f8f6}
.footer-bottom{border-color:#22364b}.faq details{border-color:#354b61}.faq summary{line-height:1.5;min-height:32px}
.contact-card a.btn{color:#051723}.muted{color:#b1c2d2}
.menu-button{border:1px solid #45607a}
@media(max-width:1170px){
 .nav-links{position:absolute;inset:calc(100% + 6px) 16px auto;transform:none;margin:0;max-height:min(68vh,640px);overflow:auto;z-index:50;display:none;flex-direction:column;align-items:stretch;gap:4px;padding:18px;border:1px solid #3b536a;background:#09192b;border-radius:17px;box-shadow:var(--shadow)}
 .nav-links[data-open="true"]{display:flex}
 .nav-links a{font-size:1.02rem;padding:12px 14px;border-radius:9px}
 .nav-links a:hover,.nav-links a[aria-current="page"]{background:#142d42}
 .menu-button{display:inline-flex;margin-left:auto}.nav-actions{margin-left:0}
 .hero-grid{grid-template-columns:1fr;gap:52px}.hero-home{padding-top:76px}.hero-home h1{max-width:1000px}
 .hero-home .lead{max-width:800px}.hero-illustration{max-width:780px;width:100%}
 .journey-step-a{margin-right:100px}.journey-step-c{margin-left:100px}.hero-bottomline{margin-top:55px}
}
@media(max-width:750px){
 .wrap{width:min(calc(100% - 36px),var(--max))}
 .nav{min-height:74px;gap:10px}.brand-logo{width:170px}
 .nav-actions .btn-primary{min-height:40px;padding:10px 12px;font-size:.77rem}
 .nav-actions .btn-quiet{display:none}.nav-links{inset:72px 16px auto}
 .hero-home{padding-top:59px}.hero-home h1{font-size:clamp(2.55rem,10vw,4.3rem);letter-spacing:-.055em}
 .hero-home .lead{font-size:1.03rem}
 .hero-bottomline{gap:14px;flex-wrap:wrap;margin-top:43px;padding:19px 0}
 .hero-bottomline span{font-size:.58rem}
 .journey-track{padding:22px 18px 14px}.journey-head{padding:15px;flex-wrap:wrap}
 .journey-step{margin-left:0;margin-right:0;padding:20px}
 .knowledge-journey figcaption{padding:16px}
 .section{padding:71px 0}.section-tight{padding:45px 0}.card{padding:24px}
 .grid-2,.grid-3,.grid-4,.contact-cards,.signin-options{grid-template-columns:1fr}
 .section-head{align-items:start;flex-direction:column;gap:8px}
 .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .footer-grid>div:first-child{grid-column:1/-1}
 .proof-strip{grid-template-columns:1fr 1fr}.flow{grid-template-columns:1fr}.flow-step:after{display:none}
 .cta-box{flex-direction:column;align-items:stretch}.cta-actions{justify-content:flex-start}
 .split{grid-template-columns:1fr}
}
@media(max-width:430px){
 .wrap{width:calc(100% - 28px)}.brand-logo{width:138px}
 .nav-actions .btn-primary{padding:9px 10px;min-width:0}
 .nav{gap:7px}.menu-button{font-size:.78rem;padding:10px;min-height:40px}
 .hero-home h1{font-size:clamp(2.25rem,10vw,2.9rem)}
 .hero-home .actions{flex-direction:column;align-items:stretch}
 .hero-home .actions .btn{width:100%}
 .proof-strip{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}
 .footer-grid>div:first-child{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}