@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{--navy:#0c1a2a;--navy-2:#13263a;--blue:#1d5f91;--blue-2:#287db7;--cyan:#6ad3d0;--lime:#a5dc75;--ink:#162433;--muted:#596b7b;--paper:#fff;--wash:#f2f6f8;--line:#dce4e9;--red:#e5533d;--radius:18px;--shadow:0 20px 55px rgba(12,26,42,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',Arial,sans-serif;line-height:1.62;font-size:16px}h1,h2,h3,strong,button,.brand-text{font-family:'Manrope','DM Sans',Arial,sans-serif}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(2.5rem,5.2vw,4.8rem);margin:.2em 0 .3em;font-weight:800}h2{font-size:clamp(1.8rem,3vw,2.8rem);margin:.15em 0 .55em;font-weight:750}h3{font-size:1.2rem;margin:.2em 0 .5em}p{margin:.5em 0 1em}a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#0f3d61}.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.narrow{max-width:850px}.skip-link{position:absolute;left:-999px;top:8px;background:#fff;padding:10px;z-index:99}.skip-link:focus{left:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,228,233,.85)}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);flex-shrink:0}.brand-mark{width:42px;height:42px;border-radius:12px;background:var(--navy);color:var(--cyan);display:grid;place-items:center;font:800 17px 'Manrope',sans-serif;letter-spacing:-.07em}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-text strong{font-size:11px;letter-spacing:.12em}.brand-text small{font-size:12px;color:var(--muted);margin-top:4px}.primary-nav{display:flex;align-items:center;gap:22px}.primary-nav>a{font-size:14px;text-decoration:none;color:#45596b;font-weight:600}.primary-nav>a.active{color:var(--blue)}.primary-nav .nav-buy{background:var(--blue);color:#fff;border-radius:999px;padding:10px 17px}.menu-toggle{display:none}
.hero{background:radial-gradient(ellipse at 73% 24%,rgba(45,126,177,.25),transparent 38%),linear-gradient(120deg,#0c1a2a 0%,#10243a 62%,#164c70 100%);color:#fff;position:relative;overflow:hidden;padding:76px 0 58px}.hero:after{content:'';position:absolute;width:380px;height:380px;border:1px solid rgba(106,211,208,.16);border-radius:50%;right:-125px;bottom:-220px;box-shadow:0 0 0 50px rgba(106,211,208,.04),0 0 0 100px rgba(106,211,208,.03)}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:50px;align-items:center;position:relative;z-index:1}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#347eaa;font-weight:800;margin:0 0 12px}.hero .eyebrow,.cta-band .eyebrow{color:var(--cyan)}.hero h1{max-width:670px}.hero-lede{color:#d2e0ea;font-size:17px;line-height:1.68;max-width:660px}.hero-actions,.inline-actions,.cta-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:13px 20px;text-decoration:none;font-weight:700;font-size:14px;border:1px solid transparent;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(12,26,42,.15)}.button-primary{background:var(--blue);color:#fff}.button-primary:hover{background:#174d77;color:#fff}.hero .button-primary{background:var(--lime);color:#102336}.hero .button-primary:hover{background:#c0ed9a;color:#102336}.button-quiet{background:#fff;border-color:var(--line);color:var(--ink)}.hero .button-quiet{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.24);color:#fff}.button-light{background:#fff;color:var(--navy)}.button-outline-light{border-color:rgba(255,255,255,.55);color:#fff;background:transparent}.button-wide{width:100%}.hero-note{color:#9eb3c3;font-size:13px;margin-top:16px}.product-shot{margin:0;position:relative}.product-shot img{display:block;width:100%;border-radius:12px;background:#dce6eb;border:1px solid rgba(255,255,255,.35);box-shadow:0 30px 80px rgba(0,0,0,.35);transform:perspective(1100px) rotateY(-3deg) rotateX(1deg)}figcaption{color:var(--muted);font-size:12px;margin-top:10px}.hero .product-shot figcaption{color:#adbfcc}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);padding-block:25px;gap:16px}.metrics div{border-right:1px solid var(--line);padding-left:22px;display:flex;flex-direction:column}.metrics div:first-child{padding-left:0}.metrics div:last-child{border:0}.metrics strong{font-size:18px;color:var(--navy)}.metrics span{font-size:12px;color:var(--muted)}
.section{padding-block:78px}.section-heading{max-width:760px;margin-bottom:34px}.section-heading p:not(.eyebrow){color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 8px 28px rgba(15,40,60,.04)}.feature-card p{color:var(--muted);font-size:14px;margin-bottom:0}.feature-number{font:800 13px 'Manrope',sans-serif;color:var(--blue-2);background:#e6f3f8;width:37px;height:37px;border-radius:11px;display:grid;place-items:center;margin-bottom:18px}.split-section{background:var(--wash);padding:70px 0}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.split-grid p:not(.eyebrow){color:var(--muted)}.support-image{width:100%;border-radius:12px;box-shadow:var(--shadow);border:1px solid #e2e8ed}.text-link{font-weight:700;text-decoration:none;display:inline-flex;gap:8px;align-items:center;margin-top:8px}.video-section{padding-bottom:90px}.video-frame{width:min(100%,640px);margin-inline:auto;aspect-ratio:16/9;background:var(--navy);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.video-frame iframe{width:100%;height:100%;border:0}.cta-band{background:linear-gradient(110deg,#102235,#164d70);color:#fff;padding:56px 0}.cta-grid{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-grid>div:first-child{max-width:670px}.cta-grid p:not(.eyebrow){color:#c6d5df}.cta-actions{margin-top:0;flex-shrink:0}
.page-hero{background:linear-gradient(120deg,#0c1a2a,#174d70);color:#fff;padding:64px 0 58px}.page-hero .eyebrow{color:var(--cyan)}.page-hero h1{font-size:clamp(2.4rem,4.7vw,4rem);max-width:900px}.page-lede{font-size:18px;line-height:1.62;color:#d4e1e9;max-width:780px}.keyence-copy{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:start}.copy-panel{font-size:17px}.copy-panel p{margin:0 0 20px}.copy-panel p:first-child{line-height:1.75}.keyence-photo{margin:0}.keyence-photo img{width:100%;border-radius:14px;border:1px solid var(--line);box-shadow:var(--shadow)}.section-tint{background:var(--wash)}.two-card{display:grid;grid-template-columns:1fr 1fr;gap:18px}.info-card{padding:30px;border:1px solid var(--line);background:#fff;border-radius:var(--radius);box-shadow:0 10px 35px rgba(13,40,60,.05)}.info-card p:not(.eyebrow){color:var(--muted)}.small-note{font-size:12px;color:var(--muted);line-height:1.55}.diagram-shell{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)}.diagram-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.diagram-head h2{margin-bottom:0}.diagram-head>p{font-size:13px;color:var(--muted);max-width:330px}.connection-svg{display:block;width:100%;height:auto;border-radius:12px;background:#f7f9fa}.diagram-caption{padding:14px 2px 0;color:var(--muted);font-size:13px}.connection-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center}.connection-grid-reverse{grid-template-columns:1.1fr .9fr}.check-list{padding:0;list-style:none;margin:20px 0}.check-list li{padding:0 0 0 29px;margin:12px 0;position:relative;color:#425668}.check-list li:before{content:'✓';position:absolute;left:0;top:0;color:#18794e;font-weight:800;background:#e1f5e8;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px}.fixture-card{margin:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px;box-shadow:0 15px 35px rgba(15,40,60,.08)}.fixture-card img{width:min(100%,400px);display:block;margin:auto;border-radius:8px;object-fit:contain}.fixture-card figcaption{display:flex;flex-direction:column;gap:4px;margin:9px 4px 2px}.fixture-card figcaption strong{font-size:14px;color:var(--ink)}.fixture-card figcaption span{font-size:12px;color:var(--muted)}.server-card{position:relative;overflow:hidden;padding:32px;border-radius:20px;background:var(--navy);color:#fff;text-align:center;box-shadow:var(--shadow)}.server-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:#1f608c;color:#b3eee5;font:800 18px 'Manrope',sans-serif;margin:0 auto 20px}.server-card .eyebrow{color:var(--cyan)}.server-card h3{font-size:24px}.server-address{font:700 clamp(1.2rem,2.5vw,1.7rem) 'Manrope',sans-serif;color:#b5e9b0;margin:14px 0 0}.server-card p{margin-bottom:6px}.connection-line{height:2px;width:65%;background:linear-gradient(90deg,transparent,var(--cyan),transparent);margin:28px auto}.server-foot{font-size:12px;color:#aec0cc}.callout{padding:34px 0 75px;display:flex;align-items:center;justify-content:space-between;gap:25px}.callout>div{max-width:800px}.callout p:not(.eyebrow){color:var(--muted)}code{background:#edf2f5;padding:2px 5px;border-radius:4px;font-size:.93em}
.order-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:28px;align-items:start}.price-card{border-radius:22px;padding:34px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);position:relative}.price-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;border-radius:22px 0 0 22px;background:var(--lime)}.price-card h2{font-size:26px}.price-card>p:not(.eyebrow){color:var(--muted)}.price{font:800 42px 'Manrope',sans-serif;color:var(--navy);margin:22px 0 15px}.price small{font-size:13px;color:var(--muted);font-weight:600}.order-side{display:grid;gap:18px}.contact-line{margin-bottom:0}.terms-layout{display:grid;grid-template-columns:270px 1fr;gap:46px;align-items:start}.terms-summary{position:sticky;top:105px;padding:25px;border-radius:18px;background:var(--wash);border:1px solid var(--line);display:grid;gap:12px}.terms-summary strong{font:800 16px 'Manrope',sans-serif}.terms-summary span{font-size:13px;color:var(--muted);padding-bottom:10px;border-bottom:1px solid var(--line)}.terms-summary .button{margin-top:5px}.terms-body section{border-bottom:1px solid var(--line);padding:0 0 18px;margin:0 0 22px}.terms-body h2{font-size:20px;letter-spacing:-.02em;margin:0 0 10px}.terms-body p{font-size:14px;color:#465a6d;margin:0 0 10px}.terms-contact{margin-top:30px!important}
.site-footer{background:#0b1724;color:#d9e2e8;padding:45px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .9fr;gap:40px}.footer-brand{color:#fff}.footer-brand .brand-mark{background:#18364d}.site-footer p{max-width:380px;color:#a9bac7;font-size:13px}.site-footer h2{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#94b3c5;margin:4px 0 15px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start}.footer-grid a:not(.brand){color:#c8d6df;text-decoration:none;font-size:13px;margin:4px 0}.footer-grid a:hover{color:var(--cyan)}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:15px;display:flex;justify-content:space-between;gap:20px;color:#8fa0ac;font-size:11px}
@media(max-width:900px){.primary-nav{gap:14px}.primary-nav>a{font-size:13px}.hero-grid{gap:28px}.feature-grid{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(2,1fr)}.metrics div:nth-child(2){border-right:0}.metrics div:nth-child(n+3){padding-top:14px;border-top:1px solid var(--line)}.terms-layout{grid-template-columns:220px 1fr;gap:28px}}
@media(max-width:720px){.wrap{width:min(100% - 34px,600px)}.header-inner{min-height:68px}.menu-toggle{display:flex;flex-direction:column;gap:4px;border:0;background:none;padding:10px;cursor:pointer}.menu-toggle>span:not(.sr-only){width:22px;height:2px;background:var(--navy);display:block}.primary-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;box-shadow:0 18px 25px rgba(10,30,50,.12);padding:17px 22px 22px;flex-direction:column;align-items:stretch;gap:0}.primary-nav.open{display:flex}.primary-nav>a{padding:11px 5px;border-bottom:1px solid #eef1f3}.primary-nav .nav-buy{text-align:center;border:0;margin-top:12px}.hero{padding:51px 0 35px}.hero-grid,.split-grid,.keyence-copy,.connection-grid,.connection-grid-reverse,.order-grid,.terms-layout{grid-template-columns:1fr}.hero-grid{gap:33px}.hero h1{font-size:clamp(2.45rem,12vw,3.4rem)}.hero-lede{font-size:15px}.product-shot img{transform:none}.section{padding-block:55px}.metrics div{padding-left:12px}.metrics strong{font-size:15px}.metrics span{font-size:11px}.feature-grid{gap:11px}.feature-card{padding:18px}.feature-card h3{font-size:16px}.feature-card p{font-size:13px}.split-grid{gap:28px}.page-hero{padding:48px 0 42px}.page-hero h1{font-size:clamp(2.25rem,10vw,3.1rem)}.page-lede{font-size:16px}.keyence-copy{gap:28px}.copy-panel{font-size:15px}.two-card{grid-template-columns:1fr}.diagram-shell{padding:13px;margin-inline:-6px}.diagram-head{display:block}.diagram-head>p{margin-bottom:10px}.connection-grid{gap:28px}.connection-grid-reverse{gap:24px}.callout{display:block;padding-bottom:55px}.callout .button{margin-top:14px}.price-card{padding:25px}.terms-layout{gap:22px}.terms-summary{position:static}.footer-grid{grid-template-columns:1fr 1fr;gap:26px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin:5px 0}.cta-grid{display:block}.cta-actions{margin-top:20px}.cta-band{padding:44px 0}.video-section{padding-bottom:60px}}
@media(max-width:410px){.hero-actions .button,.inline-actions .button{width:100%}.feature-grid{grid-template-columns:1fr}.metrics{gap:0}.metrics div{padding:13px 8px}.brand-text strong{font-size:9px}.brand-text small{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}