:root{--q-navy:#0b162b;--q-blue:#1769ff;--q-slate:#64748b;--q-line:#d9e1eb;--q-soft:#f7f9fc;--q-teal:#14b8a6}
.q-hero{padding:5.3rem 0 4rem;border-bottom:1px solid var(--q-line);background:linear-gradient(180deg,#fff,#fbfcfe)}
.container{width:min(1120px,calc(100% - 40px));margin:auto}.q-hero-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:4rem;align-items:end}
.q-kicker,.q-section-kicker{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:var(--q-blue);margin:0 0 .9rem}.q-hero h1{font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.02;letter-spacing:-.045em;color:var(--q-navy);max-width:780px;margin:.2rem 0 1.2rem}
.q-lead{font-size:1.05rem;line-height:1.7;color:#475569;max-width:760px}.q-principle{padding:1.4rem;border-left:3px solid var(--q-blue);background:#f8faff}.q-principle span{font-size:.65rem;letter-spacing:.12em;font-weight:800;color:var(--q-blue)}.q-principle strong{display:block;margin:.45rem 0;font-size:1.05rem;color:var(--q-navy)}.q-principle p{margin:0;color:#64748b;line-height:1.55;font-size:.85rem}
.q-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.6rem}.q-btn{display:inline-block;padding:.72rem 1rem;border:1px solid var(--q-line);border-radius:6px;text-decoration:none;color:var(--q-navy);font-weight:700;font-size:.82rem}.q-btn.primary{background:var(--q-navy);color:white;border-color:var(--q-navy)}
.q-path{padding:3.5rem 0;background:#fff}.q-path h2,.q-closing h2{font-size:2rem;color:var(--q-navy);margin:.2rem 0 1.5rem}.q-flow{display:flex;align-items:center;gap:.8rem;border-top:1px solid var(--q-line);padding-top:1.3rem}.q-flow div{flex:1}.q-flow b{display:block;color:var(--q-blue);font-size:.75rem}.q-flow span{font-weight:700;color:#334155;font-size:.8rem}.q-flow i{font-style:normal;color:#a7b3c5}
.q-content{padding:1rem 0 5rem}.q-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.q-card{border:1px solid var(--q-line);border-radius:9px;padding:1.35rem;background:#fff;min-height:300px}.q-card:hover{border-color:#b7c7df;box-shadow:0 12px 30px rgba(15,23,42,.055)}
.q-card-top{display:flex;justify-content:space-between;align-items:center}.q-no{font-size:.7rem;font-weight:800;color:#718096}.q-badge{font-size:.57rem;letter-spacing:.08em;font-weight:800;padding:.32rem .55rem;border-radius:999px;background:#eaf1ff;color:#1769ff}.q-badge.applied{background:#e9fbf7;color:#087f6d}.q-badge.research-b{background:#eef0f5;color:#4b5870}.q-badge.current{background:#f4f0ff;color:#6d4bc1}.q-badge.tech{background:#f1f5f9;color:#526174}
.q-card h3{font-size:1.35rem;margin:.75rem 0 .45rem;color:var(--q-navy)}.q-desc{color:#526174;line-height:1.55;font-size:.86rem;min-height:2.7rem}.q-items{display:grid;gap:.55rem;margin-top:1rem}.q-info{width:100%;border:1px solid var(--q-line);background:#fafcff;border-radius:6px;padding:.72rem;text-align:left;cursor:help}.q-info b{display:block;color:#17233a;font-size:.82rem}.q-info span{display:block;color:#728096;font-size:.68rem;margin-top:.18rem}.q-info:hover,.q-info:focus-visible{border-color:#7ca5f8;background:#f5f8ff;outline:none}
.q-tags{display:flex;flex-wrap:wrap;gap:.42rem;margin-top:1rem}.q-tags span{font-size:.67rem;padding:.34rem .5rem;border:1px solid var(--q-line);border-radius:4px;background:#f8fafc;color:#334155}.q-note{font-size:.72rem;color:#718096;margin-top:1.2rem}.q-case,.q-current{margin-top:1rem;padding:1rem;border-left:3px solid var(--q-teal);background:#f8fcfb}.q-case strong,.q-current strong{font-size:.8rem;color:var(--q-navy)}.q-case p,.q-current p{font-size:.78rem;line-height:1.5;color:#526174;margin:.35rem 0}.q-case span{font-size:.65rem;color:#718096}.q-card.research{background:linear-gradient(145deg,#fff,#fafcff)}.q-info.feature{margin-top:.55rem}
.q-closing{padding:4rem 0;background:#f7f9fc;border-top:1px solid var(--q-line)}.q-closing p:not(.q-section-kicker){max-width:760px;color:#526174;line-height:1.65}.q-footer{background:var(--q-navy);color:white;padding:1.2rem 0}.q-footer .container{display:flex;justify-content:space-between;align-items:center;font-size:.72rem}.q-footer i{display:inline-block;width:5px;height:5px;background:var(--q-blue);margin:0 .25rem;vertical-align:middle}.q-footer span{color:#c8d2e2}
.q-pop{position:fixed;z-index:2000;width:min(340px,calc(100vw - 28px));padding:1rem;background:var(--q-navy);color:#fff;border-radius:9px;box-shadow:0 18px 50px rgba(15,23,42,.25);pointer-events:none}.q-pop[hidden]{display:none}.q-pop strong{font-size:.88rem}.q-pop p{font-size:.78rem;line-height:1.5;color:#d8e1ee;margin:.45rem 0}.q-pop small{color:#78a8ff;font-size:.58rem;font-weight:800;letter-spacing:.1em}
@media(max-width:800px){.q-hero-grid,.q-grid{grid-template-columns:1fr}.q-flow{display:grid;grid-template-columns:1fr 1fr}.q-flow i{display:none}.q-hero{padding-top:3rem}.q-footer .container{align-items:flex-start;gap:.5rem;flex-direction:column}}
@media(max-width:600px){.q-pop{left:14px!important;right:14px!important;bottom:14px!important;top:auto!important;width:auto}.q-card{min-height:auto}}