html,body,#root{margin:0;min-height:100%}body{min-width:320px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}:root{--ink-900: #0f2138;--ink-700: #263a56;--ink-500: #5a6f8a;--line: #d7deea;--surface: #f4f7fb;--white: #ffffff;--brand: #0f4fa8;--brand-dark: #0a3a7d;--accent: #d68d1e}*{box-sizing:border-box}body{margin:0;color:var(--ink-900);background:radial-gradient(circle at top left,#eef3fb,#fff,#eef2f7)}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh}.container{width:min(1120px,92vw);margin:0 auto}.top-nav{position:sticky;top:0;z-index:30;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #e5ebf5}.nav-inner{display:flex;justify-content:space-between;align-items:center;min-height:74px}.brand{display:inline-flex;align-items:center;gap:.75rem}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:9px;overflow:hidden;background:#eef3fb}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand-text{font-weight:800;letter-spacing:.04em;font-size:2.76rem;line-height:1}.nav-links{display:flex;gap:1.15rem;font-size:.95rem;color:var(--ink-700)}.nav-links a{padding:.42rem .55rem;border-radius:7px;transition:background-color .2s ease}.nav-links a:hover,.nav-links a.active{color:var(--ink-900);background:#eaf0fb}.hero{position:relative;min-height:72vh;display:grid;align-items:center;overflow:hidden}.hero-bg,.hero-overlay{position:absolute;inset:0}.hero-bg{width:100%;height:100%;object-fit:cover}.hero-overlay{background:linear-gradient(105deg,#091a31e6 5%,#091a31b3 35%,#091a3147 80%)}.hero-content{position:relative;color:var(--white);max-width:730px;padding:5.5rem 0;animation:fade-up .7s ease}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.13em;font-size:.77rem;color:var(--accent);font-weight:700}h1,h2,h3,p{margin-top:0}.hero h1{margin:.8rem 0 1rem;font-size:clamp(2rem,4.3vw,3.7rem);line-height:1.08}.hero-sub{color:#e6ecf7;font-size:clamp(1rem,1.8vw,1.15rem);max-width:62ch}.hero-actions{margin-top:1.7rem;display:flex;gap:.9rem;flex-wrap:wrap}.section{padding:5rem 0}.section-head{margin-bottom:1.5rem}.section-head h2{margin-top:.8rem;font-size:clamp(1.6rem,3vw,2.4rem);max-width:24ch}.grid-3{display:grid;gap:1.1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.card{border:1px solid var(--line);background:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #15213312}.card img{width:100%;height:220px;object-fit:cover}.card-body{padding:1.15rem}.card-body h3{margin-bottom:.45rem}.tag{margin-bottom:.4rem;display:inline-block;background:#e6eefb;color:var(--brand-dark);border-radius:999px;padding:.2rem .65rem;font-size:.75rem;font-weight:700}.card-featured{border-color:#bccdf0}.split{background:linear-gradient(180deg,#f9fbff,#edf3fb)}.split-wrap{display:grid;gap:1rem;grid-template-columns:1.15fr .85fr}.inquiry-box,.tracking-preview,.tracking-panel,.tracking-result,.inquiry-page-form{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:1.4rem;box-shadow:0 8px 24px #1e35550f}.inquiry-box h2,.tracking-preview h2,.inner-hero h1{margin:.65rem 0 1rem}.inquiry-form,.inquiry-page-form{display:grid;gap:.8rem;grid-template-columns:1fr 1fr}.inquiry-form label,.inquiry-page-form label,.widget-box label,.tracking-panel label{display:grid;gap:.4rem;font-size:.9rem;color:var(--ink-700)}input,textarea{border:1px solid #cfd8e6;background:#fcfdff;border-radius:10px;padding:.72rem .75rem;color:var(--ink-900);font-size:.95rem}input:focus,textarea:focus{outline:none;border-color:#8fb0e7;box-shadow:0 0 0 4px #1a57aa1f}.wide,.inquiry-page-form .full,.inquiry-page-form button{grid-column:1 / -1}.widget-box{margin-top:1rem;display:grid;gap:.85rem}.widget-actions{display:flex;flex-wrap:wrap;gap:.65rem}.performance-wrap{display:grid;gap:1.4rem;grid-template-columns:1.05fr .95fr;align-items:center}.performance-image{width:100%;min-height:350px;max-height:480px;border-radius:18px;object-fit:cover}.record-list{margin:0;padding-left:1.1rem;color:var(--ink-700);line-height:1.8}.inner-page{min-height:calc(100vh - 170px)}.inner-hero{background:linear-gradient(120deg,#102743,#0f4fa8);color:var(--white);padding:3.2rem 0}.inner-hero .eyebrow{color:#eec780}.tracking-layout{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.tracking-panel{display:grid;align-content:start;gap:1rem}.tracking-result dl{margin:0;display:grid;gap:.8rem}.tracking-result dl div{display:flex;justify-content:space-between;border-bottom:1px dashed #d5deed;padding-bottom:.5rem}.tracking-result dt,.muted{color:var(--ink-500)}.btn{border:0;border-radius:10px;display:inline-flex;justify-content:center;align-items:center;font-weight:700;padding:.74rem 1rem;cursor:pointer}.btn-primary{color:var(--white);background:linear-gradient(120deg,var(--brand),var(--brand-dark))}.btn-ghost{border:1px solid #b7c6df;color:var(--ink-700);background:#f4f8ff}.btn-dark{color:var(--white);background:#193558}.footer{border-top:1px solid #dce4f2;background:#f2f6fc;padding:1.2rem 0}.footer-wrap{display:flex;justify-content:space-between;gap:1rem;align-items:center;color:var(--ink-700);font-size:.9rem}.footer-brand{margin-bottom:.25rem;font-weight:800;color:var(--ink-900)}.footer-right{text-align:right}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:960px){.nav-inner{min-height:66px}.nav-links{display:none}.grid-3,.split-wrap,.performance-wrap,.tracking-layout,.inquiry-form,.inquiry-page-form{grid-template-columns:1fr}.hero{min-height:64vh}.hero-content{padding:4.2rem 0}.performance-image{min-height:280px}.footer-wrap{flex-direction:column;align-items:flex-start}.footer-right{text-align:left}}button:disabled,.btn:disabled{opacity:.65;cursor:not-allowed}.status-banner{margin:0;border-radius:10px;padding:.65rem .75rem;font-size:.9rem}.status-error{background:#fff2f2;border:1px solid #f3c0c0;color:#8b2323}.status-success{background:#effcf3;border:1px solid #b7e7c4;color:#1d6f3c}.event-title{margin-top:1.15rem;margin-bottom:.6rem;font-size:1rem}.event-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.event-list li{border:1px solid #d8e1f0;border-radius:10px;padding:.65rem .75rem;background:#f8fbff}.event-list strong{display:block;font-size:.82rem;color:var(--ink-500);margin-bottom:.18rem}.event-list span{display:block;font-weight:700;margin-bottom:.12rem}.event-list p{margin:0;color:var(--ink-700)}.clp-form{display:grid;gap:1rem}.clp-drop-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.clp-dropzone{border:2px dashed #bfd0ea;background:#f8fbff;border-radius:14px;min-height:150px;padding:1rem;display:grid;align-content:center;justify-items:center;text-align:center;gap:.45rem;cursor:pointer}.clp-dropzone input{display:none}.clp-dropzone strong{color:var(--ink-900)}.clp-dropzone span{color:var(--ink-500);font-size:.9rem}.clp-dropzone.is-dragover{background:#eaf3ff;border-color:var(--brand)}.clp-items{display:grid;gap:.9rem}.clp-item-row{border:1px solid var(--line);border-radius:14px;background:#fff;padding:.9rem}.clp-item-title{margin:0 0 .6rem;font-weight:700;color:var(--ink-700)}.clp-grid{display:grid;gap:.8rem;grid-template-columns:repeat(3,minmax(0,1fr))}.stackable-box{border:1px solid #d5dff0;border-radius:10px;padding:.6rem;background:#f8fbff}.stackable-box p{margin:0 0 .5rem;font-size:.85rem;color:var(--ink-700)}.stackable-actions{display:flex;gap:.5rem}.stack-btn{border:1px solid #b7c6df;color:var(--ink-700);background:#fff;padding:.4rem .8rem}.stack-btn-active{background:#193558;color:#fff;border-color:#193558}.clp-actions{display:flex;gap:.7rem;justify-content:flex-end}@media(max-width:960px){.clp-drop-grid,.clp-grid{grid-template-columns:1fr}.clp-actions{justify-content:flex-start}}