@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#071a1d;--panel:#0c2428;--line:#214044;--muted:#9eb7ba;--aqua:#6ee6dc;--green:#b5fa7b;--white:#edf7f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif;font-size:15px}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:4px}button{border:0}h1,h2,h3,.wordmark{font-family:Manrope,sans-serif}h1,h2,h3,p{margin-top:0}p{line-height:1.7;color:var(--muted)}.announcement{height:37px;background:#163534;display:flex;justify-content:center;align-items:center;gap:10px;font-size:11px;letter-spacing:.04em}.announcement button{background:none;color:var(--green);margin-left:15px;font-size:11px}.light{width:6px;height:6px;border-radius:50%;background:var(--green)}.divider{color:#63867e}header{max-width:1350px;margin:auto;padding:26px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.wordmark{font-weight:800;font-size:23px;white-space:nowrap;letter-spacing:-1px}.degrees{color:var(--green);font-size:14px;vertical-align:super;margin-left:4px;letter-spacing:0}.mark{display:inline-grid;place-items:center;color:var(--aqua);width:30px;height:30px;border:1px solid #4d9191;border-radius:50%;margin-right:5px;font-size:20px}nav{display:flex;gap:27px;font-size:12px;color:#bcd0cf}.bag{color:white;background:transparent;border:1px solid var(--line);border-radius:28px;padding:10px 16px;font-size:12px}.bag span{background:var(--aqua);color:#092b2b;border-radius:50%;padding:3px 6px;margin-left:10px}.container{max-width:1254px;margin:auto;padding:0 48px}.hero{min-height:600px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;position:relative}.eyebrow{color:var(--aqua);text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.2em;margin-bottom:25px;display:block}.hero h1{font-size:clamp(44px,5.1vw,72px);line-height:1.06;letter-spacing:-3.8px;margin-bottom:25px;max-width:590px}.hero h1 em{font-style:normal;color:var(--aqua)}.hero p{max-width:410px;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:15px 22px;background:var(--green);color:#0e2a22;font-size:12px;font-weight:700;border-radius:6px;min-height:44px}.btn.secondary{background:transparent;border:1px solid #426267;color:white}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-visual{position:relative;min-height:460px;display:grid;place-items:center;background:radial-gradient(ellipse,#17484a88 0%,transparent 70%)}.hero-visual img{width:112%;max-width:650px;mix-blend-mode:screen;position:relative;z-index:1;border-radius:35px}.orbit{position:absolute;width:420px;height:420px;border:1px solid #3c737733;border-radius:50%}.orbit:after{content:'';position:absolute;inset:27px;border:1px dashed #3c737733;border-radius:50%}.visual-label{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;color:#76b3b5}.hero-foot{display:flex;align-items:center;gap:14px;font-size:10px;color:var(--muted);margin-top:35px}.hero-foot b{color:var(--aqua);font-size:21px}.ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:23px 0;margin-bottom:80px}.ribbon div{padding:0 30px;border-right:1px solid var(--line);font-size:12px;display:flex;align-items:center;gap:12px}.ribbon div:last-child{border:0}.ribbon span{font-size:18px;color:var(--aqua)}.section-title{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.section-title .eyebrow{margin-bottom:12px}.section-title h2{font-size:35px;letter-spacing:-1.5px;margin-bottom:0}.section-title p{max-width:315px;font-size:12px;margin:0}.tools{display:flex;justify-content:space-between;gap:20px;margin:25px 0}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid var(--line);border-radius:30px;background:transparent;color:var(--muted);font-size:11px;padding:9px 15px}.chip.active{background:var(--aqua);color:#0b3033;border-color:var(--aqua)}input,select,textarea{background:#092125;border:1px solid #36565b;color:white;padding:12px;border-radius:6px;width:100%;min-width:0}input::placeholder{color:#7f999c}.search{width:230px;font-size:12px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{min-width:0}.product-art{height:265px;background:radial-gradient(ellipse at 50% 90%,#194548,#0d292e 60%);border:1px solid var(--line);border-radius:12px;position:relative;display:grid;place-items:center;overflow:hidden}.product-art:after{content:'';position:absolute;width:180px;height:40px;background:#3bc7b81c;bottom:28px;filter:blur(13px);border-radius:50%}.art-tag{position:absolute;top:17px;left:17px;color:#88acae;text-transform:uppercase;letter-spacing:.15em;font-size:9px}.art-number{position:absolute;top:15px;right:20px;font:500 32px Manrope;color:#396269}.vial{width:92px;height:153px;border:1px solid #9bcfd399;border-radius:9px 9px 19px 19px;background:linear-gradient(90deg,#93ffff1a,#deffff55 15%,#fff1 30%,#acd3d311 75%,#bff7ff66);box-shadow:inset 5px 0 10px #fff2,10px 10px 25px #0007;position:relative;margin-top:28px;transform:rotate(-6deg);z-index:1}.vial:before{content:'';position:absolute;top:-24px;left:-4px;right:-4px;height:30px;border-radius:7px 7px 3px 3px;background:repeating-linear-gradient(90deg,#b3c6c7 0,#61777b 3px,#c2d5d5 5px);box-shadow:0 4px 0 #34484c}.vial-label{position:absolute;top:42px;left:0;right:0;height:76px;background:#e4f2ef;color:#164344;padding:12px 7px;font-size:9px;line-height:1.4;box-shadow:0 1px 5px #0003}.vial-label b{display:block;font-size:12px;letter-spacing:-.5px}.vial-label span{display:block;font-size:7px;margin-top:7px;color:#587272}.product:nth-child(2) .vial{transform:rotate(5deg)}.product:nth-child(2) .vial-label{background:#cff0dc}.product:nth-child(3) .vial-label{background:#e3f0ca}.product-top{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.product h3{font-size:17px;margin-bottom:6px;letter-spacing:-.4px}.price{font:600 16px Manrope;white-space:nowrap}.product p{font-size:11px;margin-bottom:14px}.product-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px;font-size:10px;color:#93b4b5}.add{width:32px;height:32px;border-radius:50%;background:var(--aqua);color:#123e3f;font-size:19px}.note{font-size:10px;margin:20px 0 0;color:#779b9d}.standards{margin:90px 0;display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:50px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(130deg,#0f3034,#092023)}.standards h2{font-size:35px;letter-spacing:-1.2px}.standards p{font-size:13px}.standard-list>div{padding:16px 0;border-bottom:1px solid #2a494d;display:flex;gap:17px}.standard-list span{color:var(--aqua);font-size:11px;padding-top:2px}.standard-list h3{font-size:14px;margin:0 0 5px}.standard-list p{font-size:11px;margin:0}.os-banner{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:80px;padding:35px;border:1px solid #527465;background:#153530;border-radius:10px}.os-banner h3{font-size:23px;margin-bottom:8px}.os-banner p{font-size:12px;margin:0}footer{border-top:1px solid var(--line);max-width:1350px;margin:auto;padding:45px 48px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}footer p{font-size:11px;margin:12px 0}footer>div:nth-child(n+2){display:flex;flex-direction:column;gap:15px;font-size:11px;color:var(--muted)}footer button{background:none;color:var(--muted);padding:0;text-align:left;font-size:11px}.footer-note{grid-column:1/-1;color:#647f82;max-width:800px;font-size:10px}dialog{background:#102a2e;color:var(--white);border:1px solid #436467;border-radius:15px;padding:35px;width:600px;max-width:calc(100% - 30px);max-height:90vh;overflow:auto}dialog::backdrop{background:#001012bf;backdrop-filter:blur(7px)}dialog h2{font-size:26px;letter-spacing:-1px}dialog p{font-size:12px}.close{position:absolute;right:12px;top:9px;background:none;color:var(--muted);font-size:27px}.cart-row{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.cart-row>div:first-child{flex:1}.cart-row h3{font-size:14px;margin:0 0 5px}.cart-row small{color:var(--muted)}.qty{display:flex;align-items:center;gap:12px}.qty button{background:#1c4447;color:white;width:25px;height:25px;border-radius:5px}.cart-summary{display:flex;justify-content:space-between;margin:25px 0}.field{display:block;font-size:11px;color:#acc7c8;margin:16px 0}.field input,.field select,.field textarea{margin-top:7px}.field textarea{min-height:90px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .field{margin:8px 0}.check{font-size:11px;display:flex;gap:10px;align-items:start;margin:20px 0;color:#acc7c8}.check input{width:15px;margin-top:2px}.full{width:100%}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:#c0f69a;color:#153727;padding:14px 22px;border-radius:8px;opacity:0;pointer-events:none;transition:.2s;z-index:5;font-size:12px;max-width:90%;box-shadow:0 10px 40px #0005}#toast.show{opacity:1;transform:translate(-50%,0)}.page{padding-top:55px;padding-bottom:80px;min-height:650px}.page h1{font-size:40px;letter-spacing:-1.8px}.demo-label{border:1px solid #476e67;border-radius:6px;background:#143a35;font-size:11px;padding:12px 16px;color:#afd2c8;margin-bottom:28px}.portal-layout{display:grid;grid-template-columns:185px 1fr;gap:35px}.sidebar{display:flex;flex-direction:column;gap:5px}.sidebar button{background:none;color:#9fb6b8;padding:12px 15px;text-align:left;border-radius:5px;font-size:12px}.sidebar button.active{color:#0c3133;background:var(--aqua)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.metric{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.metric span{font-size:10px;color:var(--muted)}.metric b{display:block;font:600 29px Manrope;margin-top:12px;letter-spacing:-1px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:9px}table{width:100%;border-collapse:collapse;font-size:11px;text-align:left;white-space:nowrap}th{font-weight:500;color:var(--muted);background:#112f33}td,th{padding:16px;border-bottom:1px solid var(--line)}td select{padding:7px;width:auto;font-size:10px}.status{display:inline-block;padding:6px 9px;border-radius:4px;background:#1d4140;color:#b6d7ce;font-size:10px}.status.complete{background:#30432a;color:var(--green)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{border:1px solid var(--line);background:var(--panel);padding:25px;border-radius:9px}.panel h3{font-size:17px}.panel p{font-size:12px}.route-card{margin:20px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.route-card p{margin:8px 0}.route-card h3{margin-bottom:5px}.step-list{padding:0;list-style:none;counter-reset:step}.step-list li{counter-increment:step;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px;display:flex;gap:15px;align-items:center}.step-list li:before{content:counter(step);display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;background:#214747;color:var(--green);border-radius:50%}.empty{text-align:center;padding:45px;color:var(--muted)}.split{display:flex;justify-content:space-between;align-items:center;gap:20px}.mini{font-size:10px;color:var(--muted)}.detail-vial{float:right;width:150px;height:180px;display:grid;place-items:center}.detail-vial .vial{transform:none}.success{display:grid;place-items:center;width:55px;height:55px;color:#0c3331;background:var(--aqua);font-size:25px;border-radius:50%;margin-bottom:22px}.track{display:flex;gap:15px;margin:20px 0}.track>span{flex:1;padding:12px 8px;border-top:3px solid #2a4c4d;color:#648588;font-size:10px}.track>span.done{border-color:var(--green);color:#cbfca4}button:disabled{opacity:.4;cursor:not-allowed}@media(min-width:1300px){.hero{min-height:650px}}@media(max-width:900px){header{padding:20px 25px}nav{gap:15px;font-size:11px}.container{padding:0 25px}.hero{gap:15px;min-height:500px}.hero h1{font-size:49px;letter-spacing:-2px}.hero-visual{min-height:350px}.orbit{width:300px;height:300px}.ribbon div{padding:0 12px;font-size:10px}.standards{padding:30px;gap:25px}.portal-layout{grid-template-columns:150px 1fr;gap:20px}.metrics{grid-template-columns:1fr 1fr}.vial{width:80px}.product-art{height:230px}}
@media(max-width:640px){.announcement{font-size:9px;gap:7px}.announcement button{margin-left:0;font-size:9px}.announcement .divider{display:none}header{padding:18px 20px;flex-wrap:wrap;gap:16px}.wordmark{font-size:21px}nav{order:3;justify-content:space-between;width:100%;gap:10px;font-size:10px}.container{padding:0 20px}.hero{display:flex;flex-direction:column;gap:5px;padding:45px 0 20px;align-items:stretch}.hero h1{font-size:49px;letter-spacing:-2.5px}.hero p{font-size:13px}.hero-visual{min-height:300px;margin-top:15px}.hero-visual img{width:105%;margin-left:-2.5%}.orbit{width:280px;height:280px}.visual-label{bottom:4px}.hero-foot{margin-top:20px}.ribbon{margin-bottom:45px;padding:17px 0}.ribbon div{font-size:9px;gap:5px;padding:0 8px}.ribbon span{font-size:14px}.section-title{display:block}.section-title h2{font-size:29px}.section-title p{margin-top:15px}.tools{display:block}.search{margin-top:15px;width:100%}.products{grid-template-columns:1fr;gap:30px}.product-art{height:285px}.vial{width:100px}.product-top h3{font-size:18px}.standards{grid-template-columns:1fr;padding:25px;margin:50px 0;gap:10px}.standards h2{font-size:30px}.os-banner{align-items:start;flex-direction:column;padding:25px;margin-bottom:45px}footer{padding:35px 20px;grid-template-columns:1fr 1fr}footer>div:first-child{grid-column:1/-1}.portal-layout{display:block}.sidebar{flex-direction:row;overflow-x:auto;margin-bottom:25px;padding-bottom:8px}.sidebar button{white-space:nowrap}.cards{grid-template-columns:1fr}.page{padding-top:35px}.page h1{font-size:33px}.route-card{align-items:start;flex-direction:column}.metrics{gap:10px}.metric{padding:15px}.metric b{font-size:24px}.split{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.detail-vial{float:none;margin:auto}dialog{padding:28px 22px}.track{gap:5px}.track>span{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}