*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#020713;color:#f5f9fc;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100svh;display:flex;flex-direction:column}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 13% 45%,#0752c933,transparent 48%),radial-gradient(ellipse at 90% 20%,#0066ff26,transparent 44%)}.masthead,footer{display:flex;justify-content:space-between;align-items:center;margin:0 auto;width:min(1320px,100%);padding:30px 48px}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:#f5f9fc;font-size:17px;font-weight:750;letter-spacing:.09em}.brand img{border-radius:9px}.brand small{display:block;font-size:8px;font-weight:500;color:#8199ac;letter-spacing:.19em;margin-top:6px}.header-label{font-size:12px;color:#91a8ba}.separator{padding:0 12px;color:#466171}main{width:min(1120px,100%);margin:0 auto;padding:48px 40px 38px;flex:1}.intro{margin-bottom:40px}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:600;color:#a5becb;display:flex;align-items:center;gap:10px;margin:0 0 21px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#20cfff;box-shadow:0 0 14px #20cfff70}h1{font-size:clamp(52px,6.2vw,80px);letter-spacing:-.065em;line-height:1.03;font-weight:550;margin:0 0 21px}h1>span:first-child{color:#20cfff}.title-dot{color:#20cfff}.lead{font-size:19px;line-height:1.5;color:#91a8ba;margin:0}.applications{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product{--accent:#39a2ff;text-decoration:none;color:inherit;position:relative;overflow:hidden;border:1px solid #23476d;border-radius:20px;padding:28px 30px 0;display:flex;flex-direction:column;background:linear-gradient(140deg,#0b2140e8,#061124);transition:transform .2s,border-color .2s,box-shadow .2s}.product:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.65}.otu{--accent:#59dcff;border-color:#24527d;background:linear-gradient(140deg,#10294ce8,#061124)}.product:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 18px 45px #0003}.product:focus-visible,.brand:focus-visible{outline:3px solid #e9c378;outline-offset:6px}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.number{font-size:10px;letter-spacing:.15em;font-weight:600;color:#8ca7b6;padding-top:5px}.product-icon{color:var(--accent);display:grid;place-items:center;width:53px;height:53px;background:#ffffff05;border:1px solid #ffffff12;border-radius:14px}.product-icon svg{width:35px;height:35px;stroke:currentColor;stroke-width:1.4}.product-icon .node{fill:var(--accent);stroke:#10202e;stroke-width:2}.category{font-size:9px;letter-spacing:.17em;color:var(--accent);margin:0 0 12px;font-weight:600}h2{font-size:clamp(26px,2.65vw,35px);line-height:1.2;font-weight:550;letter-spacing:-.045em;margin:0 0 16px}h2 span{color:var(--accent)}.description{font-size:14px;line-height:1.75;color:#a8bdca;max-width:365px;margin:0 0 25px}.capabilities{display:flex;flex-wrap:wrap;gap:7px;margin:auto 0 29px}.capabilities span{font-size:10px;letter-spacing:.01em;color:#b8cad6;border:1px solid #ffffff15;border-radius:5px;padding:6px 9px;background:#ffffff03}.card-bottom{padding:18px 0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff12;gap:12px;font-size:13px;font-weight:600;letter-spacing:.005em}.arrow{width:31px;height:31px;display:grid;place-items:center;border:1px solid #ffffff1a;border-radius:50%;font-size:21px;color:var(--accent);transition:background .2s}.product:hover .arrow{background:#ffffff0c}.sign-in{display:flex;align-items:center;justify-content:center;gap:8px;color:#819aaa;font-size:11px;margin:25px 0 0}.sign-in svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.4}footer{padding-top:23px;padding-bottom:23px;border-top:1px solid #ffffff0b;color:#708b9d;font-size:10px;letter-spacing:.02em}.footer-divider{padding:0 9px;color:#456172}@media(min-width:1500px){main{padding-top:8vh}}@media(max-width:700px){.masthead,footer{padding:23px 23px}.header-label{display:none}main{padding:30px 23px}.intro{margin-bottom:30px}.lead{font-size:17px}.applications{grid-template-columns:1fr;gap:20px}.product{padding:24px 24px 0}.card-top{margin-bottom:12px}.description{max-width:none}h2{font-size:32px}.sign-in{font-size:10px}footer{gap:20px;line-height:1.7}footer>span:last-child{max-width:110px;text-align:right}}@media(prefers-reduced-motion:reduce){.product,.arrow{transition:none}.product:hover{transform:none}}

/* Fiber360 blue and cyan identity, shared across both workspaces. */
.intro h1>span:first-child{color:transparent;background:linear-gradient(100deg,#087cff,#20cfff);background-clip:text;-webkit-background-clip:text}
.product{box-shadow:0 14px 50px #0002}.product:hover{box-shadow:0 20px 55px #0055cc22}
.card-bottom{margin-bottom:20px;padding:10px 14px;background:linear-gradient(100deg,#0757b8,#087cdd);border:1px solid #2e95ea;border-radius:9px;color:#fff}
.otu .card-bottom{background:linear-gradient(100deg,#0a4f92,#086dba);border-color:#2e9bcc}
.card-bottom .arrow{color:#d0f5ff;border-color:#b5e8ff55;background:#ffffff08}
.product:hover .card-bottom{background:linear-gradient(100deg,#0867df,#089be5)}
.sign-in{color:#9ab0cc}.header-label{color:#9ab0cc}.description{color:#b0c3df}