@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{font-family:Inter,system-ui,sans-serif;color:#ecf7ff;background:#070914;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 80% -10%,#273067 0,transparent 38%),radial-gradient(ellipse at 0 30%,#15284b 0,transparent 35%),#070914}
body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(#8ddaff18 1px,transparent 1px),linear-gradient(90deg,#8ddaff18 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
main{position:relative;max-width:1180px;margin:auto;padding:52px 24px}h1,h2,h3{font-family:'Space Grotesk',Inter,sans-serif;letter-spacing:-.035em}h1{font-size:clamp(38px,6vw,72px);line-height:1.05;max-width:850px;margin:22px 0;background:linear-gradient(100deg,#fff 25%,#74e4f7 65%,#b28cff);color:transparent;background-clip:text}h2{font-size:27px}h3{font-size:20px}p{color:#a9b7d0;line-height:1.7}a{color:#6ee7f7;text-decoration:none}a:hover{text-decoration:underline}nav{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}.tag{display:inline-flex;background:#0e2337;border:1px solid #1c6979;padding:8px 14px;border-radius:99px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#7ff2fa}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:18px}.card,.panel{border:1px solid #293c61;border-radius:20px;padding:26px;background:linear-gradient(145deg,#151c34ed,#0b1428ed);box-shadow:0 16px 50px #0004;backdrop-filter:blur(14px)}.card{cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s;min-height:240px}.card:hover{border-color:#48e8f2;transform:translateY(-5px);box-shadow:0 12px 40px #1ac9ff24}.card h2{margin:14px 0 5px}.card .tag{margin-top:14px}button{background:linear-gradient(115deg,#25c4df,#6c70f7);border:1px solid #7af7ff55;border-radius:11px;padding:12px 19px;color:#fff;cursor:pointer;font-weight:700;transition:filter .2s,transform .2s}button:hover{filter:brightness(1.15);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#192742;border-color:#37527d}input,select,textarea{background:#090f22;border:1px solid #385176;color:#f5fbff;border-radius:11px;padding:13px;width:100%;margin:7px 0 15px;font:inherit}input:focus,textarea:focus,select:focus{outline:2px solid #36cbe4;outline-offset:1px}textarea{min-height:110px}label{font-size:13px;color:#b4c9e8}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:14px;border-bottom:1px solid #2b3d5d}th{color:#72d8ee}.muted{font-size:13px;color:#9caecc}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px}.hidden{display:none}pre{white-space:pre-wrap;word-break:break-word;background:#091425;padding:16px;border-radius:10px}#app{margin-top:32px}footer{margin-top:70px;border-top:1px solid #253454;padding-top:20px}.demo-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0 24px;padding:17px 20px;background:linear-gradient(100deg,#102c3b,#1d1741);border:1px solid #2a8b9b;border-radius:16px}.demo-toolbar p{margin:0;flex:1;min-width:190px}.demo-status{color:#80f5d4;font-size:13px;min-height:20px}.demo-active{box-shadow:0 0 0 1px #2cf5de,0 0 35px #00d6ff25}.hero-lead{max-width:760px;font-size:18px}.cyber-line{height:2px;background:linear-gradient(90deg,#3de5ef,transparent,#a574ff);margin:26px 0 38px;opacity:.7}
@media(max-width:720px){main{padding:28px 16px}.split{grid-template-columns:1fr}.card,.panel{padding:19px}.demo-toolbar{align-items:stretch}.demo-toolbar button{width:100%}h1{font-size:40px}}

.demo-typing{border-color:#45f4e9!important;box-shadow:0 0 0 2px #33e9e455,0 0 22px #35e9e933!important;transition:box-shadow .2s}.demo-toolbar strong{color:#85f5fa;letter-spacing:.12em}

#demo-cursor{position:fixed;left:0;top:0;z-index:9999;pointer-events:none;opacity:0;transform:translate(-100px,-100px);transition:transform .46s cubic-bezier(.22,.8,.2,1),opacity .2s;color:#65fff0;font:700 12px 'Space Grotesk',sans-serif;text-shadow:0 0 14px #24eaff;filter:drop-shadow(0 0 8px #22eaff);white-space:nowrap}
#demo-cursor.visible{opacity:1}#demo-cursor:after{content:attr(data-label);display:block;margin-left:15px;padding:4px 8px;border:1px solid #4beee9;background:#0b1c32;border-radius:5px;color:#c9ffff;font-size:10px;letter-spacing:.1em}
#demo-cursor.clicking{filter:drop-shadow(0 0 20px #ff6dff);color:#ff85f5}
.demo-target{outline:2px solid #56fff4!important;outline-offset:4px;box-shadow:0 0 0 8px #20e8ec20,0 0 30px #00e9ff60!important;transition:box-shadow .25s}
.demo-flash{animation:demoFlash .65s ease}.demo-playing .demo-toolbar{background:linear-gradient(110deg,#102f43,#291944);border-color:#58e9f7;box-shadow:0 0 28px #20baff22}
@keyframes demoFlash{0%{color:#fff;text-shadow:0 0 18px #4ffff5}100%{color:#80f5d4;text-shadow:none}}
@media(prefers-reduced-motion:reduce){#demo-cursor{transition:none!important}.demo-flash{animation:none!important}.demo-target{transition:none!important}}
@media(max-width:720px){#demo-cursor{font-size:10px}#demo-cursor:after{font-size:9px}}

.demo-toolbar{position:relative;overflow:hidden;isolation:isolate}.demo-toolbar:before{content:'';position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 42%,#63faff15 50%,transparent 58%);animation:showcaseSweep 5s linear infinite;pointer-events:none;z-index:-1}.demo-toolbar #demo-run{position:relative;isolation:isolate;font-size:15px;letter-spacing:.06em;box-shadow:0 0 0 0 #55efff77,0 0 25px #1bd7ff55;animation:showcaseInvite 2.4s ease-in-out infinite}.demo-toolbar #demo-run:disabled{animation:none}.showcase-stage{width:100%;font-size:12px;color:#8fe8ff;letter-spacing:.05em;border-top:1px solid #2b5d76;padding-top:12px}.showcase-highlight{outline:3px solid #66fff0!important;outline-offset:7px;border-radius:8px;box-shadow:0 0 0 12px #32f8ec19,0 0 38px #24f6ef66!important;transition:box-shadow .3s}.showcase-popup{position:fixed;inset:0;z-index:10000;background:#030615bb;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(9px);animation:showcaseAppear .25s ease}.showcase-modal{width:min(420px,100%);padding:34px 25px;border:1px solid #51e7ef;border-radius:22px;background:linear-gradient(145deg,#132941,#10112a);text-align:center;box-shadow:0 0 65px #00f5ff30}.showcase-modal h2{margin:12px 0}.showcase-file-icon{font-size:42px;color:#72ffe5}.showcase-filename{padding:14px;margin:20px 0;background:#0b1930;border:1px solid #2e7080;border-radius:10px;color:#a2f8ff;overflow-wrap:anywhere}@keyframes showcaseInvite{0%,100%{box-shadow:0 0 0 0 #55efff55,0 0 15px #1bd7ff33}50%{box-shadow:0 0 0 8px #55efff00,0 0 35px #1bd7ff88}}@keyframes showcaseSweep{from{transform:translateX(-55%)}to{transform:translateX(55%)}}@keyframes showcaseAppear{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.demo-toolbar:before,.demo-toolbar #demo-run{animation:none!important}.showcase-popup{animation:none}}

#docs table,#cargos table{min-width:680px}#service-history{overflow-x:auto}#service-history table,#import-scenarios table{min-width:660px}#work .split>div{min-width:0}#work{overflow-wrap:break-word}@media(max-width:720px){#docs,#cargos{max-width:100%;overflow-x:auto}#work h1{font-size:clamp(28px,7vw,40px)}.demo-toolbar{gap:10px}.showcase-modal{padding:24px 18px}}

.project-actions{display:flex;align-items:center;gap:14px;justify-content:space-between;margin:0 0 22px}.project-actions a{font-weight:600}.project-demo-jump{font-size:13px;padding:11px 15px;box-shadow:0 0 18px #19d9f655}body:has(.project-actions) main>nav{display:none}body:has(.project-actions) main>h1{font-size:clamp(29px,5vw,48px);margin:12px 0}body:has(.project-actions) main>.hero-lead{font-size:14px;margin:0 0 18px}body:has(.project-actions) main>.tag{font-size:10px;padding:5px 11px}body:has(.project-actions) main{padding-top:25px}body:has(.project-actions) #app>p{margin:7px 0 18px}body:has(.project-actions) #app>h2{margin:0 0 4px}.demo-toolbar{margin-top:16px}.demo-toolbar p{font-size:13px;line-height:1.4}.demo-toolbar strong{font-size:15px}@media(max-width:720px){.project-actions{gap:8px}.project-demo-jump{padding:10px;font-size:12px}body:has(.project-actions) main>h1{font-size:31px}}

.doc-results-actions{margin-top:30px;padding:24px;border:1px solid #345779;border-radius:18px;background:linear-gradient(130deg,#101e38,#14223b);display:flex;flex-direction:column;align-items:stretch;gap:13px}.doc-results-actions h3{margin:0 0 5px}.doc-results-actions label{margin:0}.doc-results-actions input{width:100%;box-sizing:border-box}.doc-results-actions p{margin:2px 0;color:#9ebdd5}.doc-results-actions button{margin-top:8px;align-self:flex-start;padding:14px 25px;min-height:48px;box-shadow:0 0 18px #18d8ef1e}@media(max-width:720px){.doc-results-actions{padding:18px;margin-top:24px}.doc-results-actions button{width:100%;align-self:stretch}}

/* Consistent mobile controls across all five showcases */
#work button,.showcase-modal button{min-height:48px;padding:12px 20px;line-height:1.3;white-space:normal;text-align:center;vertical-align:middle}#work .action-row{display:flex;align-items:stretch;flex-wrap:wrap;gap:12px;margin:16px 0 22px}#work .action-row button{margin:0;flex:0 1 auto}#work .export-actions{display:flex;align-items:center;gap:12px;margin:24px 0 12px}#work .export-actions button{margin:0}#work .split>div>button+button,#work #result button+button{margin-left:12px}#work .split>div>button{margin-bottom:12px}#work #result{min-width:0}#work #result textarea{display:block;width:100%;min-height:145px;margin:9px 0 16px}#work #service-history{margin:16px 0 10px}#work #service-history table{min-width:610px}#work #import-scenarios{overflow-x:auto}#work #report>button{margin-top:22px}#work #cargo-detail .panel{margin:24px 0}#work #cargo-detail .panel button{margin:10px 0 18px}#work #doc-results-actions button{margin-top:12px}#work button:focus-visible{outline:3px solid #64f9ee;outline-offset:3px}@media(max-width:720px){#work .action-row{display:grid;grid-template-columns:1fr;gap:10px}#work .action-row button,#work .export-actions button{width:100%}#work .export-actions{margin:22px 0 12px}#work .split>div>button+button,#work #result button+button{margin-left:0}#work #result button{max-width:100%}#work #service-history{overflow-x:auto}#work #cargo-detail .panel{padding:18px}}

#work button{box-sizing:border-box;border-radius:13px;min-height:52px;padding:14px 22px;margin:0;line-height:1.3;max-width:100%;font-size:14px}#work .action-row{margin:18px 0 24px;gap:12px}#work .action-row button{margin:0}#work .export-actions{margin:26px 0 0;padding-top:14px;border-top:1px solid #2a4265}#work .export-actions button{margin:0}#work #doc-results-actions button{margin:8px 0 0}#work #report>button{display:block;margin:24px 0 0}#work #cargo-detail button{margin:12px 0 16px}#work .panel{min-width:0}#work input,#work select,#work textarea{box-sizing:border-box}@media(max-width:720px){#work button{width:100%;max-width:100%;min-height:54px;padding:14px 16px}#work .action-row{gap:12px}#work #import-scenarios button{width:auto;min-width:120px}}