/* Clearpath visual direction inspired by the supplied Redress auth reference. */
:root{--ink:#edf3ff;--muted:#a4b1cb;--mint:#36e2d5;--paper:#060d20;--line:#203454;color-scheme:dark}
body{background:radial-gradient(ellipse at 85% 8%,#103b8038,transparent 32%),radial-gradient(ellipse at 0% 27%,#0c6eae25,transparent 25%),#060d20}
nav{height:92px;border-bottom:1px solid #1c2a453d}
.logo{color:#f5f8ff;font-weight:800;letter-spacing:-.8px}
.logo>span:last-child{color:#31d9ec!important}
.mark{border:0;border-radius:10px;background:linear-gradient(135deg,#20ecd0,#1579ff 65%);color:white;box-shadow:0 0 24px #1689ff38}
.links{color:#b3bfd6}.links a:hover,.footer-links a:hover{color:#40d6ec}
h1,h2,h3{letter-spacing:-1.2px}h1{font-weight:700;font-size:clamp(45px,5vw,66px);line-height:1.1}h2{font-weight:650}h1 em{background:linear-gradient(100deg,#3199ff,#29e1d7);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero{padding-top:65px;padding-bottom:70px;gap:58px}.eyebrow{color:#6ebaff;font-size:11px;letter-spacing:1.7px}.dot{background:#2ce0d1;box-shadow:0 0 15px #2ce0d1a0}.intro{color:#adb9d0;font-size:17px;line-height:1.8}.micro{color:#96a7c7}
.btn{background:linear-gradient(100deg,#2e91ff,#1c64f5);border-color:#3182ff;border-radius:14px;box-shadow:0 7px 24px #1467ef28;color:white;transition:transform .18s,box-shadow .18s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #1676ff55}.btn.outline{background:#0b1630;border-color:#243e65;color:#dce8ff;box-shadow:none}.btn.outline:hover{border-color:#4287d0;background:#101f40}.btn.light{background:#1677ff;color:white}
.hero-art{height:460px;border:1px solid #204471;border-radius:30px;background:radial-gradient(ellipse at 80% 0%,#163e763d,transparent 60%),linear-gradient(155deg,#0d1732,#081329);box-shadow:0 0 55px #0d78e51c,inset 0 0 45px #124c8e12;overflow:hidden}.hero-art:before{width:430px;height:430px;left:80px;top:45px;border-color:#1d56834d;box-shadow:0 0 0 52px #163b6c14,0 0 0 105px #16427112}.path{background:linear-gradient(135deg,#09699b70,#07578a20);box-shadow:-25px 0 70px #0786ca23}.document{transform:rotate(-4deg);width:300px;border:1px solid #245084;border-radius:20px;background:linear-gradient(135deg,#101f3d,#0b152c);color:#f2f6ff;box-shadow:0 25px 60px #0006;padding:29px}.doc-top{color:#5cb8ff;font-size:9px}.doc-title{font-weight:700;font-size:25px}.doc-row{border-color:#233857;color:#b1c2de;padding:15px 0}.check{color:#2ce0d1}.float{right:18px;bottom:35px;transform:rotate(2deg);background:linear-gradient(110deg,#278fff,#1c64fa);border:1px solid #4f9fff;border-radius:15px;box-shadow:0 6px 40px #1676ff40;font-size:12px;color:white}.float small{color:#c6e4ff;font-size:9px;margin-top:4px}
.principles{border-color:#20314f;font-size:12px;color:#b7c5dd;padding-top:23px;padding-bottom:23px}.principles b{color:#37dcdd}
.card{background:linear-gradient(145deg,#0d1830,#0a1429);border-color:#203859;border-radius:22px;padding:30px;box-shadow:0 5px 25px #0001}.card h3{color:#f1f5ff}.card small{border-color:#203452;color:#6ab5f2}.card p{color:#a5b3cc}.icon{border-color:#25497a;background:#102748;color:#43b5ff;border-radius:13px;width:46px;height:46px}
.dark{background:radial-gradient(ellipse at 20% 0%,#153f732e,transparent 65%),#09142a;border-top:1px solid #21385a;border-bottom:1px solid #21385a}.dark p{color:#a8b7d1}.dark .eyebrow{color:#66b9ff}.step{border-color:#254269}.num{color:#52bbf7}.note{background:#0e203a;border-color:#24496b;border-radius:14px;color:#abc6e0}.promise{border-color:#20334f}.statement{color:#acbbd2}
.faq{background:linear-gradient(135deg,#0a142b,#0b1830);border-top:1px solid #1c3152;border-bottom:1px solid #1c3152}.faq details{border-color:#243953}.faq summary{color:#e0e9fa}.faq summary:after{color:#4caaff}.faq details p{color:#a5b7d1}
.guide{background:radial-gradient(ellipse at 5% 100%,#12578f35,transparent 65%),linear-gradient(120deg,#0c1b37,#0c1731);border:1px solid #245080;border-radius:26px;box-shadow:0 0 60px #197bff12;padding:45px}.guide h2{color:#f3f7ff}.guide label{color:#dce8ff}select{border-radius:13px;padding:15px;background:#0a142a;border-color:#253e64;color:#bccbe4}.guide .btn{width:100%;font-size:13px}#guidance{padding:4px 0;color:#a7bad5;line-height:1.8;margin:15px 0;min-height:115px}.footer{border-color:#20314f}.footer p{color:#8e9fbe}.footer-links{color:#a8bcda}
dialog{background:#0c1830;border:1px solid #28548b;color:#eef4ff;border-radius:24px;padding:35px;box-shadow:0 0 70px #167aff26}dialog::backdrop{background:#020714cc;backdrop-filter:blur(5px)}dialog #modal-content{font-size:14px;line-height:1.85;color:#aebfd9;margin-bottom:25px}.skip:focus{background:#0c1830;color:white}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline-color:#39d8ed}
@media(max-width:800px){nav{height:78px}.hero{padding-top:35px;gap:35px}h1{font-size:49px}.hero-art{height:380px;border-radius:24px}.document{width:280px}.guide{padding:27px}.float{right:12px;bottom:22px}.principles{gap:17px}.card{padding:27px}.section-heading{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}
