/* Teknova — immersive product experience */
:root{--ink:#16191f;--muted:#737780;--pale:#f5f5f7;--line:#e4e6eb;--blue:#234694}body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#fff;-webkit-font-smoothing:antialiased}header{height:76px;background:#ffffffcc;border-bottom:1px solid #00000008;transition:height .3s,box-shadow .3s}header.scrolled{height:64px;box-shadow:0 5px 30px #00000005}nav{font-size:14px;font-weight:500;gap:36px}.button{border-radius:99px;background:#254eac;font-weight:500;padding:15px 25px;position:relative;overflow:hidden;box-shadow:0 4px 12px #23469412;transition:transform .3s,background .3s,box-shadow .3s}.button:hover{background:#3060c8;box-shadow:0 9px 25px #23469430;transform:translateY(-3px)}.button span,.text-link span{display:inline-block;transition:transform .3s}.button:hover span,.text-link:hover span{transform:translate(3px,-2px)}.button:active{transform:scale(.97)}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(ellipse at 50% 93%,#c7ddfb 0,transparent 43%),linear-gradient(#fff 47%,#f3f7fe);padding:78px 5% 0;gap:60px}.hero-copy{position:relative;z-index:1;max-width:1080px}.hero .eyebrow{font-size:12px;letter-spacing:2px;color:#7c8493;margin-bottom:25px}h1{font-size:clamp(58px,7.4vw,112px);font-weight:650;line-height:1.025;letter-spacing:-5.5px;margin-bottom:26px}h1 em,.statement em,.contact em{background:linear-gradient(100deg,#214695 10%,#3477d0 45%,#54b5d9 70%,#234694);background-size:180% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:light-shift 10s ease-in-out infinite alternate}.intro{font-size:22px;line-height:1.5;max-width:590px;margin:0 auto 28px}.actions{justify-content:center;gap:30px}.text-link{font-size:16px;font-weight:500;color:#2957ae}.hero-bottom{justify-content:center;margin-top:30px;font-size:12px}.hero-visual{width:min(900px,100%);padding:0 28px;perspective:1500px;isolation:isolate}.showcase-label{font-size:16px;color:#65728b;margin-bottom:25px}.visual-caption{display:none}.dashboard{transform:rotateX(5deg);border-radius:20px 20px 14px 14px;box-shadow:0 35px 100px #214a9820,0 0 0 8px #ffffffb0;transition:transform .65s ease,box-shadow .65s ease;text-align:left;background:#ffffffec;border:1px solid #d8e3f3}.hero-visual:hover .dashboard{transform:rotateX(0);box-shadow:0 45px 100px #214a9830,0 0 0 8px #ffffffb0}.dash-head{padding:19px 30px;background:#102959}.dash-head strong{font-size:25px}.demo-label{font-size:12px;letter-spacing:1.2px}.dash-title{padding:23px 30px 10px}.dash-title small{font-size:12px}.dash-title h2{font-size:25px;font-weight:500}.status{font-size:12px;padding:4px 13px}.metrics{margin:15px 30px 22px;gap:15px}.metrics>div{padding:18px;border:1px solid #dde6f2;background:linear-gradient(135deg,#fff,#f3f7fe);border-radius:12px}.metrics small,.metrics span{font-size:12px}.metrics strong{font-size:32px;letter-spacing:-1px;margin:5px 0}.activity{margin:0 30px 27px;border-radius:12px}.activity-top{padding:14px 18px}.activity-top strong{font-size:14px}.activity-top>span{font-size:12px}.flow{padding:20px;gap:20px}.flow b{width:32px;height:32px;padding-top:5px}.flow span{font-size:14px}.flow small{font-size:12px}.dash-footer{padding:13px 18px;font-size:12px}.platform-switch{border-radius:99px;background:#e4eaf4c9;padding:6px;backdrop-filter:blur(20px);margin-top:32px;position:relative;z-index:2}.platform-switch button{font-size:14px;border-radius:99px;padding:12px 23px;transition:background .35s,color .35s,box-shadow .35s}.platform-switch button.active{box-shadow:0 4px 15px #1a3c7315}.visual-note{font-size:14px;margin:19px 0 30px}.scroll-cue{background:#f3f7fe;text-align:center;font-size:10px;letter-spacing:2px;color:#77849a;padding:10px 0 30px}.scroll-cue span{display:block;font-size:20px;animation:float-down 2.5s ease-in-out infinite}.sector-strip{background:#fff;border-top:0;padding-top:33px;padding-bottom:33px}.sector-strip>span{font-size:12px;max-width:175px}.sector-strip strong{color:#767e8b}.section{padding-top:110px;padding-bottom:110px}.section h2{font-size:clamp(37px,4.5vw,66px);font-weight:600;letter-spacing:-2.6px;line-height:1.07}.section .eyebrow{font-size:12px;letter-spacing:1.5px}.section-heading{margin-bottom:55px}.section-heading>p{font-size:18px;line-height:1.6}.statement{text-align:center;padding-top:130px;padding-bottom:130px}.statement h2{font-size:clamp(50px,6.8vw,98px);line-height:1.1;letter-spacing:-4px}.statement>p:last-child{font-size:22px;color:#7b818c;margin:33px 0 0}.statement .eyebrow{margin-bottom:35px}#platforms{background:#f5f5f7}.products{gap:24px}.product{position:relative;min-height:505px;padding:36px;border:0;border-radius:26px;overflow:hidden;box-shadow:0 10px 30px #1c284805;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s;background:#fff}.product:hover{transform:translateY(-9px);box-shadow:0 24px 55px #20345a18}.product-top{margin-bottom:76px;align-items:flex-start}.product-number{font-size:12px;max-width:190px}.product-icon{font-size:70px;line-height:.85;letter-spacing:-6px;opacity:.12;font-weight:600;position:absolute;right:30px;top:32px}.product h3{font-size:34px;letter-spacing:-1.3px}.product p{font-size:19px;line-height:1.45}.product ul{font-size:14px}.product-link{font-size:15px;align-items:center}.product-link span{border-radius:50%;background:#e9eff9;display:grid;place-items:center;width:34px;height:34px;color:#234694;transition:transform .3s}.product-link:hover span{transform:rotate(45deg)}.fleet{background:linear-gradient(140deg,#173b7b,#2454b1);color:white}.fleet .product-link span{background:#ffffff21;color:white}.school{background:linear-gradient(145deg,#fff,#eaf4ff)}.sales{background:linear-gradient(145deg,#fff,#edf0fa)}.transformation{background:#fff;gap:8%;align-items:center}.comparison{padding:28px;border-radius:22px;background:#f5f5f7}.compare-row{padding:21px 0;font-size:15px}.compare-row.label{font-size:12px;letter-spacing:0}.compare-row:last-child{border:0}#services{background:#f5f5f7}.services-grid{grid-template-columns:repeat(3,1fr);gap:18px}.service{margin:0;background:#fff;border:0;border-radius:23px;padding:30px;transition:transform .4s,box-shadow .4s}.service:hover{transform:translateY(-5px);box-shadow:0 15px 35px #20345a0c}.service h3{font-size:23px;font-weight:600;letter-spacing:-.6px}.service p{font-size:16px}.service .number{font-size:14px}.industries{background:#080e1c;position:relative}.industry-detail{background:radial-gradient(ellipse at 100% 100%,#183469,#111a2c 70%);border-radius:25px;padding:50px;border:1px solid #ffffff0f;transition:opacity .2s}.industry-detail h3{font-size:40px;letter-spacing:-1.3px}.industry-detail p{font-size:18px}.industry-detail .text-link{color:#8bcaff}.industry-buttons button{padding:16px;font-size:15px;transition:background .3s,padding .3s}.industry-buttons button:hover{background:#ffffff0a;padding-left:22px}.industry-buttons button.active{border-left-color:#76b8f5;background:#ffffff0c}.industry-word{font-size:65px}.values article{padding:30px 0}.values h3{font-size:24px;font-weight:600;letter-spacing:-.6px}.values p,.about>div>p:not(.eyebrow){font-size:18px}.steps{gap:24px}.steps article{border-top:1px solid #d8e0ed;padding-top:24px}.steps h3{font-size:24px;font-weight:600;letter-spacing:-.5px}.steps span{font-size:12px}.steps p{font-size:16px}.insight-grid{gap:20px}.insight-grid details{border:0;background:#fff;padding:30px;border-radius:24px;transition:box-shadow .3s}.insight-grid details:hover{box-shadow:0 12px 30px #20345a0a}.insight-grid summary>span{font-size:12px}.insight-grid h3{font-size:25px;font-weight:600;letter-spacing:-.6px}.contact h2{font-size:clamp(45px,5vw,74px);letter-spacing:-3px}.contact>div>p:not(.eyebrow){font-size:18px}.contact form{border:0;border-radius:25px;padding:36px}.contact form h3{font-weight:600;letter-spacing:-.7px;font-size:26px}input,select,textarea{border-radius:10px;padding:14px;font-size:16px;background:#fff;border-color:#d8dce4;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:0;border-color:#628bd5;box-shadow:0 0 0 4px #3d73c414}label{font-size:14px}dialog{border:0;border-radius:28px;padding:50px;box-shadow:0 40px 100px #0004}dialog[open]{animation:dialog-in .35s cubic-bezier(.2,.8,.2,1)}dialog::backdrop{background:#0710209c;backdrop-filter:blur(12px)}.close{background:#f0f2f5;border-radius:50%;width:36px;height:36px;line-height:1;font-size:26px;right:16px;top:16px}.reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#234694,#61c5ef);z-index:100;transform:scaleX(0);transform-origin:left;pointer-events:none}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.65,.3,1)}.motion-ready .reveal.visible{opacity:1;transform:translateY(0)}.preview-changing{animation:preview-change .4s ease}.motion-toggle{position:fixed;bottom:18px;right:20px;z-index:15;border:1px solid #d4deeb;background:#ffffffdf;backdrop-filter:blur(16px);border-radius:40px;padding:9px 15px;font-size:12px;color:#4b5d78;box-shadow:0 4px 20px #11295610}.motion-off *{animation:none!important;transition:none!important}.motion-off .reveal{opacity:1!important;transform:none!important}.motion-off{scroll-behavior:auto!important}@keyframes light-shift{from{background-position:0% center}to{background-position:100% center}}@keyframes float-down{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes dialog-in{from{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:none}}@keyframes preview-change{from{opacity:.45;transform:translateY(7px)}to{opacity:1;transform:none}}@media(min-width:1500px){.hero{padding-left:5%;padding-right:5%}}@media(max-width:1050px){h1{letter-spacing:-4px}.product{padding:27px}.product h3{font-size:28px}.product-number{font-size:12px;max-width:160px}.product-top{margin-bottom:65px}.service{padding:24px}.section h2{font-size:44px}.statement h2{font-size:76px}.industry-detail{padding:32px}.section-heading>p{max-width:320px}.hero{padding-top:65px}.contact form{padding:25px}}@media(max-width:760px){header,header.scrolled{height:68px}nav{top:68px}.hero{padding:55px 5% 0;gap:42px}h1{font-size:clamp(43px,8.8vw,64px);letter-spacing:-2.5px}.hero .eyebrow{font-size:10px;letter-spacing:1.2px}.intro{font-size:18px;max-width:440px}.hero-bottom{font-size:12px;gap:8px}.actions{gap:18px}.hero-visual{padding:0;max-width:620px}.showcase-label{font-size:14px}.dashboard{border-radius:15px;box-shadow:0 20px 50px #23469418,0 0 0 4px #ffffffb0;transform:none}.dash-head{padding:15px}.dash-head strong{font-size:21px}.demo-label{font-size:10px;letter-spacing:0}.dash-title{padding:17px 15px 8px}.dash-title h2{font-size:20px}.dash-title small{font-size:10px}.metrics{margin:10px 15px 17px;gap:7px}.metrics>div{padding:12px 9px}.metrics strong{font-size:21px;letter-spacing:-.4px}.metrics small,.metrics span{font-size:12px;line-height:1.4}.activity{margin:0 15px 17px}.activity-top{padding:12px}.activity-top strong{font-size:12px}.activity-top>span{display:none}.flow{padding:13px 10px;gap:12px}.flow span{font-size:12px}.flow small{font-size:12px;line-height:1.4;margin-top:5px}.dash-footer{font-size:12px;padding:10px;gap:10px}.dash-footer>span:last-child{display:none}.platform-switch button{padding:10px 13px;font-size:12px}.platform-switch{margin-top:25px}.visual-note{font-size:12px}.scroll-cue{padding-bottom:20px}.section{padding-top:70px;padding-bottom:70px}.section h2{font-size:38px;letter-spacing:-1.8px}.statement{padding-top:90px;padding-bottom:90px}.statement h2{font-size:53px;letter-spacing:-2.7px}.statement>p:last-child{font-size:18px}.section .eyebrow{font-size:11px}.section-heading>p{font-size:17px;max-width:none}.section-heading{margin-bottom:35px}.product{min-height:440px;padding:30px}.product-top{margin-bottom:55px}.product h3{font-size:36px}.product-number{max-width:none}.product ul{font-size:15px}.product p{font-size:21px}.comparison{padding:20px}.compare-row{font-size:14px;gap:12px}.compare-row.label{font-size:12px}.services-grid{grid-template-columns:1fr 1fr;gap:13px}.service{padding:23px}.service h3{font-size:20px}.service p{font-size:15px}.industry-detail{padding:28px}.industry-detail h3{font-size:33px}.industry-detail p{font-size:17px}.industry-buttons button{padding:10px;font-size:13px}.industry-word{font-size:45px}.values h3{font-size:23px}.contact h2{font-size:49px;letter-spacing:-2px}.steps h3{font-size:22px}.motion-toggle{bottom:12px;right:12px;font-size:12px;padding:8px 12px}dialog{padding:42px 25px 28px}dialog h2{font-size:32px}.footer-bottom{padding-bottom:35px}}@media(max-width:420px){.services-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;gap:0}.dash-head{gap:10px}.demo-label{max-width:95px;text-align:right}.hero .button{font-size:14px}.hero .text-link{font-size:14px}.metrics small{font-size:12px}.metrics strong{font-size:18px}.metrics>div{padding:10px 7px}.statement h2{font-size:46px}.product h3{font-size:32px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.dashboard{transform:none}.motion-toggle{display:none}}