@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Geist:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@800&display=swap";.iotnect-hero .particle-text{position:relative;display:block;width:100%;height:100%;min-height:240px;overflow:hidden;touch-action:pan-y;isolation:isolate}.iotnect-hero .particle-text__fallback{position:absolute;inset:0;display:grid;place-items:center;line-height:1}.iotnect-hero .particle-text[data-ready=true] .particle-text__fallback{visibility:hidden}.iotnect-hero .particle-text__canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.iotnect-hero .particle-text__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.iotnect-hero .aurora-container{position:relative;width:100%;height:100%;overflow:hidden}.iotnect-hero .aurora-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.iotnect-hero{--iotnect-header-height: 73px;position:relative;isolation:isolate;overflow:hidden;background:#0a0514;color:#f7e8ff;min-height:calc(100svh - var(--iotnect-header-height));display:flex;align-items:center;font-family:DM Sans,sans-serif;font-size:16px;line-height:1.7}.iotnect-hero *,.iotnect-hero *:before,.iotnect-hero *:after{box-sizing:border-box}.iotnect-hero .hero-brand{width:min(1220px,calc(100% - 96px));margin-inline:auto}.iotnect-hero .hero-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;font:inherit;letter-spacing:normal}.iotnect-hero .hero-brand{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding-block:24px 28px;text-align:center}.iotnect-hero .hero-brand-frame{position:relative;width:min(560px,90vw);height:clamp(250px,48svh,470px);flex-shrink:0}.iotnect-hero .hero-wordmark{width:min(560px,100%);height:140px;flex-shrink:0;margin-top:-18px;font-family:Manrope,sans-serif}.iotnect-hero .hero-wordmark .particle-text{min-height:0;height:100%;width:100%}.iotnect-hero .hero-brand-tagline{font-size:9px;letter-spacing:.28em;color:#c8a6df;margin:0 0 30px}.iotnect-hero .hero-scroll{display:flex;gap:17px;align-items:center;min-height:44px;font-size:8px;letter-spacing:.16em;color:#cbb5de;padding:8px;text-decoration:none;cursor:pointer}.iotnect-hero .hero-scroll:hover{color:#fff}.iotnect-hero .hero-scroll:active{color:#f25bd0}.iotnect-hero .hero-scroll:focus-visible{outline:3px solid #ddaaff;outline-offset:5px}.iotnect-hero .hero-scroll span{font-size:20px;line-height:1}.iotnect-hero .crystalized-logo{position:absolute;inset:0;overflow:hidden;background:transparent}.iotnect-hero .crystalized-logo canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s ease}.iotnect-hero .crystalized-logo[data-ready=true] canvas{opacity:1}.iotnect-hero .crystalized-logo-fallback{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:77%;height:77%;max-width:100%;object-fit:contain;background:transparent;border-radius:12px;filter:invert(1) grayscale(1);mix-blend-mode:screen}.iotnect-hero .crystalized-logo[data-ready=true] .crystalized-logo-fallback{visibility:hidden}.iotnect-hero .crystalized-logo .logo-particle-intro{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .6s ease}.iotnect-hero .crystalized-logo[data-ready=true][data-intro-complete=false] .logo-particle-intro{opacity:1}.iotnect-hero .crystalized-logo[data-ready=true][data-intro-complete=false] .plasma-logo-canvas,.iotnect-hero .crystalized-logo[data-intro-complete=true] .logo-particle-intro{opacity:0}.iotnect-hero .hero-aurora{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 30% 35%,#7431bc38,transparent 58%),radial-gradient(ellipse at 72% 42%,#f25bd02e,transparent 55%)}.iotnect-hero .hero-aurora:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a051430,transparent 25%,transparent 65%,#0a0514)}.iotnect-hero .hero-aurora .aurora-canvas{mix-blend-mode:screen}@media(max-width:1050px){.iotnect-hero .hero-brand{width:calc(100% - 56px)}}@media(max-width:760px){.iotnect-hero{--iotnect-header-height: 65px}.iotnect-hero .hero-brand{width:calc(100% - 40px)}.iotnect-hero .hero-brand{padding-block:20px 24px}.iotnect-hero .hero-brand-frame{width:min(480px,100%);height:clamp(240px,43svh,390px)}.iotnect-hero .hero-wordmark{height:116px;margin-top:-10px}.iotnect-hero .hero-brand-tagline{font-size:8px;margin-bottom:22px;letter-spacing:.22em}}@media(max-height:650px)and (min-width:761px){.iotnect-hero .hero-brand-frame{height:240px}.iotnect-hero .hero-wordmark{height:112px}.iotnect-hero .hero-brand-tagline{margin-bottom:14px}}@media(prefers-reduced-motion:reduce){.iotnect-hero *,.iotnect-hero *:before,.iotnect-hero *:after{transition:none!important;animation:none!important}}:root{font-family:Geist,system-ui,sans-serif;color-scheme:dark;color:#f5f2fc;background:#0c0b12;font-synthesis:none;--base: #0c0b12;--panel: #15131e;--text: #f5f2fc;--muted: #aaa6b9;--line: #2b2738;--control-line: #625970;--mint: #b9fbd5;--lavender: #c5b6ff;--mono: "IBM Plex Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-padding-top:92px}body{margin:0;min-width:280px}button,input,select{font:inherit}button,a,select,summary,.gpu-option{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}svg{flex-shrink:0}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--mint);outline-offset:4px}::selection{color:#0b1b12;background:var(--mint)}.shell{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;z-index:5;top:10px;left:10px;padding:12px 16px;background:var(--mint);color:#0b1b12;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.eyebrow{font:500 .72rem/1.4 var(--mono);letter-spacing:.1em}.site-header{position:sticky;top:0;z-index:3;background:#0c0b12f2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-inner{height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px}.brand{display:inline-flex;justify-self:start;align-items:center;gap:9px;min-height:44px;font-size:1.3rem;font-weight:700;letter-spacing:-.055em}.main-nav{display:flex;gap:34px}.main-nav a,.footer a:last-child{display:inline-flex;align-items:center;min-height:44px;font-size:.88rem;color:var(--muted)}.main-nav a:hover,.footer a:last-child:hover{color:var(--mint)}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:48px;padding:0 17px;border:1px solid var(--control-line);border-radius:7px;color:var(--text);background:transparent;font-size:.91rem;font-weight:600}.button:hover{background:#232031;border-color:var(--lavender)}.button:active{transform:translateY(1px)}.button-small{min-height:44px;padding-inline:13px;font-size:.82rem}.header-cta{justify-self:end}.button-primary{color:#102018;background:var(--mint);border-color:var(--mint)}.button-primary:hover{color:#102018;background:#d8ffe8;border-color:#d8ffe8}.button-quiet{border-color:transparent;color:#d1cbdc}.button-quiet:hover{border-color:var(--control-line);color:var(--text)}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 52%,#1e1733 0%,#100d1a 37%,var(--base) 72%)}.hero-inner{position:relative;min-height:552px;display:grid;grid-template-columns:46% 54%;align-items:center}.hero-copy{position:relative;z-index:1;padding-block:64px}.hero-label{display:flex;align-items:center;gap:9px;margin-bottom:25px;color:var(--mint)}.hero-label span,.visual-note span{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 15px #b9fbd570}h1{font-size:clamp(3rem,6.3vw,5.8rem);font-weight:600;line-height:.97;letter-spacing:-.085em}h1 em{font-style:normal;color:var(--lavender)}.hero-description{max-width:390px;margin-top:27px;color:#c4bed2;font-size:clamp(1rem,1.35vw,1.14rem);line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.hero-visual{position:relative;min-height:472px;isolation:isolate;margin-left:-12px;margin-right:-12px}.artwork{position:absolute;z-index:-1;inset:0;background:center / cover no-repeat url(/gpu-hero.webp);-webkit-mask-image:radial-gradient(ellipse 69% 66% at 50% 50%,#000 35%,transparent 77%);mask-image:radial-gradient(ellipse 69% 66% at 50% 50%,#000 35%,transparent 77%)}.corner{position:absolute;width:14px;height:14px;border:1px solid #65577d}.corner-tl{top:26px;left:12px;border-right:0;border-bottom:0}.corner-tr{top:26px;right:12px;border-left:0;border-bottom:0}.corner-bl{bottom:26px;left:12px;border-right:0;border-top:0}.corner-br{bottom:26px;right:12px;border-left:0;border-top:0}.visual-title,.visual-note{position:absolute;display:flex;align-items:center;gap:8px;font:500 .65rem/1.2 var(--mono);letter-spacing:.06em;color:#c3b9d9}.visual-title{top:44px;left:30px}.visual-title svg{color:var(--lavender)}.visual-note{bottom:43px;right:30px}.visual-note span{width:5px;height:5px}.tool-strip{border-block:1px solid var(--line);background:#100e17}.tool-strip-inner{display:flex;align-items:center;gap:36px;min-height:88px}.tool-label{color:var(--muted);white-space:nowrap;border-right:1px solid var(--line);padding-right:29px}.tool-strip ul{display:flex;align-items:center;justify-content:space-around;gap:18px 28px;width:100%;margin:0;padding:0;list-style:none}.tool-strip li{display:flex;align-items:center;gap:8px;color:#c4bfce;font-size:1rem;font-weight:600;letter-spacing:-.025em;white-space:nowrap}.tool-strip li svg,.tool-symbol{color:#a9a0ba}.tool-symbol.torch{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:0 0 50% 50%;transform:rotate(-45deg)}.section{padding-block:91px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.section-label{color:var(--mint);margin-bottom:12px}h2{font-size:clamp(2.3rem,4vw,3.7rem);font-weight:600;line-height:1.05;letter-spacing:-.065em}.section-heading>p{max-width:300px;color:var(--muted);line-height:1.55}.workload-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.workload{display:flex;flex-direction:column;padding:22px;min-height:229px;background:var(--panel);border:1px solid var(--line);border-radius:9px}.workload:focus-within,.workload:hover{border-color:var(--control-line)}.workload-top{display:flex;align-items:center;justify-content:space-between;color:var(--lavender);margin:-8px -8px 11px 0}.workload-top a{width:44px;height:44px;display:grid;place-items:center;border-radius:5px;color:var(--muted)}.workload-top a:hover{background:#262135;color:var(--mint)}.workload h3{font-size:1.18rem;line-height:1.2;font-weight:600;letter-spacing:-.035em}.workload p{margin-block:10px 18px;color:var(--muted);font-size:.91rem;line-height:1.55}.workload>span{margin-top:auto;color:#c5bade;font:400 .7rem/1.5 var(--mono)}.gpu-section{background:radial-gradient(ellipse at 90% 100%,#1a122a,#100e17 65%);border-block:1px solid var(--line)}.configurator{display:grid;grid-template-columns:1.12fr 1fr;background:#100f18;border:1px solid var(--line);border-radius:10px}.gpu-options{position:relative;min-width:0;margin:0;border:0;padding:65px 26px 25px}.gpu-options legend{position:absolute;top:27px;left:26px;padding:0;color:var(--muted)}.gpu-option{display:flex;align-items:center;gap:13px;min-height:67px;padding:11px 14px;border:1px solid var(--control-line);border-radius:6px;background:#15131f}.gpu-option+.gpu-option{margin-top:8px}.gpu-option:hover{background:#211b30}.gpu-option:has(input:checked){border-color:var(--lavender);background:#221a32}.gpu-option input{width:16px;height:16px;margin:0;accent-color:var(--lavender);flex-shrink:0;cursor:pointer}.gpu-name{display:grid;gap:4px}.gpu-name strong{font-size:.95rem}.gpu-name small{color:var(--muted);font-size:.81rem}.gpu-memory{margin-left:auto;color:var(--lavender);font:500 .78rem/1.2 var(--mono);white-space:nowrap}.estimate{display:flex;flex-direction:column;gap:20px;min-width:0;padding:25px 26px;border-left:1px solid var(--line);background:#15121f;border-radius:0 9px 9px 0}.estimate-heading{display:flex;align-items:center;justify-content:space-between;gap:6px 12px;flex-wrap:wrap;color:var(--muted)}.sample-label{color:#c6b9df;font:400 .72rem/1.4 var(--mono)}.estimate-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.estimate-fields label{display:grid;gap:7px;color:#dad5e5;font-size:.84rem}.select-wrap{position:relative}.select-wrap svg{position:absolute;right:10px;top:15px;pointer-events:none}select{appearance:none;min-height:44px;width:100%;padding:8px 29px 8px 11px;background:#100e18;color:var(--text);border:1px solid var(--control-line);border-radius:6px}select:hover{border-color:var(--lavender)}.estimate-total{display:flex;align-items:end;gap:14px;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:15px}.estimate-total strong{font-size:clamp(2rem,3vw,3rem);letter-spacing:-.07em;line-height:1}.estimate-total span{color:var(--muted);font:400 .72rem/1.5 var(--mono)}.estimate .button{align-self:start;margin-top:auto}.faq{display:grid;grid-template-columns:.76fr 1.24fr;gap:36px}.questions details{border-top:1px solid var(--line)}.questions details:last-child{border-bottom:1px solid var(--line)}.questions summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;min-height:61px;padding:10px 3px;font-weight:600}.questions summary::-webkit-details-marker{display:none}.questions summary:hover{color:var(--mint)}.questions details[open] summary svg{transform:rotate(180deg)}.questions details p{max-width:62ch;padding:0 3px 19px;color:var(--muted);line-height:1.6}.closing{padding-bottom:80px}.closing-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(24px,5vw,57px);border:1px solid #453757;border-radius:10px;background:radial-gradient(ellipse at 86% 10%,#322449,#171222 68%)}.closing-panel p{color:#c6bfd4;margin-top:10px;line-height:1.55}.footer{border-top:1px solid var(--line)}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 22px;min-height:89px;padding-block:10px}.footer-inner p{color:var(--muted);font-size:.88rem}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}a,button,.workload,.gpu-option,select{transition:background-color .18s,border-color .18s,color .18s}}@media(max-width:1040px){.shell{width:calc(100% - 64px)}.hero-inner{min-height:504px}.hero-visual{min-height:414px}.workload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workload{min-height:184px}}@media(max-width:760px){.shell{width:calc(100% - 40px)}.header-inner{height:64px;display:flex;justify-content:space-between}.menu-toggle{display:grid;place-items:center;min-width:44px;min-height:44px;background:#171420;color:var(--text);border:1px solid var(--control-line);border-radius:6px}.menu-toggle:hover{background:#262135}.main-nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;gap:0;padding:8px 20px;background:var(--panel);border-bottom:1px solid var(--control-line)}.main-nav.is-open{display:flex}.header-cta{display:none}.hero-inner{grid-template-columns:1fr}.hero-copy{padding-block:53px 12px}.hero-description{margin-top:20px}.hero-actions{margin-top:22px}.hero-visual{margin:0 -4px 7px;min-height:auto;aspect-ratio:1.51}.corner-tl,.corner-tr{top:14px}.corner-bl,.corner-br{bottom:14px}.visual-title{top:25px;left:23px}.visual-note{bottom:26px;right:23px}.tool-strip-inner{flex-wrap:wrap;justify-content:center;padding-block:17px;gap:13px}.tool-label{border-right:0;padding-right:0}.tool-strip ul{justify-content:center;flex-wrap:wrap;gap:10px 20px}.tool-strip li{font-size:.9rem}.section{padding-block:59px}.section-heading{flex-direction:column;align-items:start;gap:12px;margin-bottom:22px}.section-heading>p{max-width:40ch}.configurator,.faq{grid-template-columns:1fr}.faq{gap:22px}.estimate{border-left:0;border-top:1px solid var(--line);border-radius:0 0 9px 9px}.closing{padding-bottom:58px}.closing-panel{align-items:start;flex-direction:column}}@media(max-width:460px){.workload-grid{grid-template-columns:1fr}.gpu-options{padding:52px 14px 16px}.gpu-options legend{left:14px;top:20px}.estimate{padding:18px 14px}.hero-actions .button{padding-inline:11px;gap:6px}.hero-actions{gap:6px}h1{font-size:clamp(2.55rem,12.5vw,3.6rem)}.footer-inner p{order:1;flex-basis:100%}}
