:root{--ink:#172a3b;--muted:#526777;--accent:#f5b321;--line:#dce5eb;--paper:#fff;--wash:#f3f7fa;--navy:#102b40}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--wash);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}h1,h2,h3,h4,h5,h6{font-family:inherit;color:var(--ink);font-weight:700;text-shadow:none;line-height:1.2}h1{font-size:clamp(30px,4vw,48px);letter-spacing:-.035em}h2{font-size:28px}h3{font-size:21px}p{line-height:1.7;color:var(--muted)}a{color:#145d80;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}img{max-width:100%}#page-wrapper{max-width:1180px;background:white;margin:0 auto;box-shadow:none;overflow:clip}.container{width:100%;max-width:none;margin:0}.container .seventeen.columns{width:100%}.skip-link{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:10000}.skip-link:focus{top:12px}
.modern-header{padding:24px 36px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;background:white}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none!important}.brand-mark{background:var(--ink);color:white;font-size:24px;font-weight:850;letter-spacing:-1px;border-radius:14px;padding:10px 12px}.brand-mark i{font-style:normal;color:var(--accent)}.brand-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;line-height:1.5}.modern-nav{display:flex;gap:3px;flex-wrap:wrap;align-items:center}.modern-nav a{font-size:13px;font-weight:650;color:var(--ink);padding:10px;border-radius:8px;white-space:nowrap}.modern-nav a[aria-current=page],.modern-nav a:hover{background:#fff4d7;text-decoration:none}.nav-toggle{display:none;border:1px solid var(--line);background:white;border-radius:8px;padding:9px 12px;min-height:44px}.utility-bar{display:flex;justify-content:flex-end;gap:20px;padding:8px 36px;background:var(--navy);color:#dceaf2;font-size:12px}.utility-bar a{color:#dceaf2}.page-main-title{float:none;width:100%;margin:0;padding:44px 36px 30px;background:linear-gradient(120deg,#f6f9fb,#fff);border:0;min-height:0}.page-main-title h1{margin:0;max-width:900px}.page-main-title p{margin:12px 0 0;font-size:13px}.waves_graphic{display:none}#main-content{display:flow-root}#content{padding:24px 36px 56px;display:flow-root;width:100%}.content-fullwidth,.content-left,.content-right-sidebar{margin:0;padding:0;max-width:100%;box-sizing:border-box}.content-fullwidth{width:100%}.content-left{width:68%;float:left}.content-right-sidebar{width:27%;float:right}.content-left .content-left{width:100%}.content-fullwidth .one-half{width:48%;margin:0 4% 24px 0}.content-fullwidth .one-half.last{margin-right:0}.modern-footer{clear:both;background:var(--navy);color:#dbe6ef;padding:44px 36px 24px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}.modern-footer h3{color:white;font-size:16px}.modern-footer p,.modern-footer a{color:#c2d1dd;font-size:14px}.modern-footer ul{list-style:none;margin:0;padding:0}.modern-footer li{margin:8px 0}.footer-bottom{border-top:1px solid #345065;margin-top:30px;padding-top:18px;font-size:12px;color:#b4c6d5}
.home-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;padding:72px 48px;background:radial-gradient(ellipse at 90% 15%,#fff0c9,transparent 50%),linear-gradient(120deg,#fff,#f1f7fb)}.eyebrow{display:inline-block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#80560b;font-weight:750;margin-bottom:20px}.home-hero h1{font-size:clamp(38px,5vw,64px);margin:0 0 24px;line-height:1.06;max-width:620px}.home-hero h1 em{font-style:normal;color:#217e91}.home-hero p{font-size:17px;max-width:500px;margin-bottom:28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.modern-button,.button,.button.lightblue,.button.darkgray,.button.small,.sybtbutton{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px!important;border:0;border-radius:10px;background:var(--accent);color:#172a3b!important;box-shadow:none;text-shadow:none;font:650 14px/1.4 system-ui!important;text-decoration:none!important;cursor:pointer}.modern-button.secondary{background:white;border:1px solid #c9d7e0}.modern-button:hover,.button:hover,.sybtbutton:hover{background:#e7a315}.hero-note{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px;color:var(--muted);font-size:12px}.service-visual{background:var(--navy);padding:28px;border-radius:24px;box-shadow:0 24px 50px #102b4020;color:#deedf5;transform:rotate(2deg)}.visual-label{font-size:11px;letter-spacing:.13em;margin-bottom:22px;color:#91b2c9}.server-unit{border:1px solid #3b566c;border-radius:13px;padding:19px;margin:12px 0;background:#17374f;display:flex;justify-content:space-between;align-items:center;font-size:14px}.server-unit:after{content:'● ● ●';font-size:11px;color:#7bd4bb;letter-spacing:3px}.visual-caption{margin:23px 0 0;color:#c1d5e4!important;font-size:12px!important}.home-section{padding:48px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-heading h2{margin:0}.section-heading p{max-width:480px;margin:0;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{border:1px solid var(--line);border-radius:16px;padding:26px;background:white}.service-card .card-number{font-size:12px;color:#227c8d;letter-spacing:.08em;font-weight:750}.service-card h3{margin:20px 0 12px}.service-card p{font-size:14px;min-height:76px}.service-card a{font-size:14px;font-weight:700}.tools-section{background:var(--wash)}.tool-links{display:flex;gap:12px;flex-wrap:wrap}.tool-links a{padding:13px 18px;border:1px solid var(--line);background:white;border-radius:9px;color:var(--ink);font-size:14px}.home-cta{margin:0 48px 48px;border-radius:18px;background:#e9f3f4;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:24px}.home-cta h2{margin:0 0 8px}.home-cta p{margin:0}
.cforms label{font-size:14px;color:var(--ink);margin-bottom:7px}.cforms input,.cforms textarea,.cforms select,input.ip,input.whois{border:1px solid #bccbd6;background:#fff;border-radius:8px;padding:12px;box-shadow:none;width:100%;font-size:16px}.cforms input:focus,.cforms textarea:focus{border-color:#257e92;outline:2px solid #257e9225}.cforms input[type=checkbox]{width:20px!important;padding:0}.cforms label[for=privacy]{font-size:12px;color:var(--muted)}.cforms .sybtbutton{height:auto}.address-info{background:var(--wash);border:1px solid var(--line);border-radius:12px;padding:24px;width:100%;margin-bottom:24px}.google-map{border:0;border-radius:12px;width:100%}.pricing-tables-main{display:flex;gap:14px;flex-wrap:wrap}.pricing-tables,.pricing-tables-helight{float:none;width:calc(25% - 11px);margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:none}.pricing-tables .title,.pricing-tables-helight .title{height:auto;padding:18px;background:var(--navy);border:0;font:700 18px system-ui}.pricing-tables .price,.pricing-tables-helight .price{background:var(--navy);padding:10px 10px 22px;font:700 32px system-ui;line-height:1.2}.pricing-tables-helight .title,.pricing-tables-helight .price{background:#1d6779}.pricing-tables .cont-list,.pricing-tables-helight .cont-list{background:white;border:0;padding:14px;font-size:13px}.pricing-tables .cont-list li,.pricing-tables-helight .cont-list li{line-height:1.6;padding:10px 0;border-bottom:1px solid #eef2f5}.pricing-tables .ordernow,.pricing-tables-helight .ordernow{background:var(--wash);padding:20px 10px}.our-products li{padding:20px!important;border:1px solid var(--line);border-radius:12px;margin-bottom:18px!important;min-height:160px;box-sizing:border-box}.our-products li img{width:56px;height:auto}.toggleclick{display:block;border:1px solid var(--line)!important;background:#f5f8fa!important;border-radius:8px;padding:15px!important;margin-top:12px;font-weight:600;color:var(--ink)!important}.togglebox1,.togglebox-show{border:0!important;padding:16px!important;background:white}.table-style{overflow:auto}pre{background:var(--wash);padding:20px;border-radius:12px;font-size:13px}.monitor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.monitor-toolbar p{max-width:680px;margin:0}.monitor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.monitor-card{padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--wash)}.monitor-card h2{font-size:22px;margin:0 0 8px}.monitor-address{font:13px ui-monospace,monospace;color:var(--muted)}.monitor-status{display:inline-flex;border-radius:20px;padding:5px 13px;margin-top:22px;background:#e3e9ee;color:#394e5e;font-size:13px;font-weight:700}.monitor-card[data-state=online] .monitor-status{background:#d8f2e5;color:#17603d}.monitor-card[data-state=offline] .monitor-status{background:#fce1df;color:#9b2921}.monitor-detail{font-size:14px;min-height:45px;margin-top:18px}.monitor-card time{display:block;font-size:12px;color:var(--muted)}button:disabled{opacity:.55;cursor:wait}
@media(min-width:1400px){#page-wrapper{margin:24px auto;border:1px solid var(--line);border-radius:22px}}@media(max-width:1000px){.modern-header{padding:22px 24px;gap:15px;flex-wrap:wrap}.modern-nav a{padding:9px;font-size:12px}.home-hero{padding:45px 30px;gap:25px}.service-visual{padding:20px}.home-section{padding:36px 30px}.home-cta{margin:0 30px 36px}.pricing-tables,.pricing-tables-helight{width:calc(50% - 7px)}}
@media(max-width:767px){#page-wrapper{width:100%;border-radius:0;margin:0}.modern-header{padding:20px;position:relative}.brand-mark{font-size:23px}.brand-label{font-size:10px}.utility-bar{padding:8px 20px;gap:18px}.modern-nav{width:100%;gap:4px}.modern-nav a{display:block;padding:12px;font-size:14px}.nav-ready .nav-toggle{display:block}.nav-ready .modern-nav{display:none}.nav-ready[data-nav-open=true] .modern-nav{display:flex;flex-direction:column;align-items:stretch}.home-hero{grid-template-columns:1fr;padding:40px 22px;gap:35px}.home-hero h1{font-size:42px}.home-hero p{font-size:16px}.service-visual{transform:none;max-width:100%;padding:22px}.service-grid{grid-template-columns:1fr}.service-card p{min-height:0}.home-section{padding:36px 22px}.section-heading{display:block}.section-heading p{margin-top:16px}.home-cta{margin:0 22px 36px;padding:25px;display:block}.home-cta .modern-button{margin-top:22px}.page-main-title{padding:32px 22px 20px}.page-main-title h1{font-size:32px;overflow-wrap:anywhere}#content{padding:20px 22px 38px}.content-left,.content-right-sidebar,.content-fullwidth,.content-fullwidth .one-half,.content-fullwidth .one-half.last{float:none;width:100%;margin:0 0 24px;padding:0}.content-right-sidebar{margin-top:30px}.modern-footer{padding:32px 22px}.footer-grid{grid-template-columns:1fr;gap:24px}.pricing-tables,.pricing-tables-helight{width:100%;margin:0 0 12px}.pricing-tables-main{width:100%}.our-products,.our-products li,.fullwidth-area{width:100%!important;max-width:100%;margin-left:0!important}.monitor-grid{grid-template-columns:1fr}.monitor-toolbar{display:block}.monitor-toolbar button{margin-top:20px}.monitor-card{padding:22px}.tool-links a{flex:1 1 110px}.cookie{font-size:12px!important;line-height:1.5!important}.pagenotfound{max-width:100%;box-sizing:border-box}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Contain legacy floated form controls so subsequent sections cannot overlap. */
.one-half,.cforms,.cforms form{display:flow-root}.cforms .sybtbutton{float:none;clear:both}.cforms form{margin-bottom:0}

/* Original VM6 brand artwork, preserved without redesign. */
.brand{flex-shrink:0}.brand-logo{display:block;width:300px;height:auto;max-width:100%;object-fit:contain}
@media(max-width:767px){.brand-logo{width:clamp(180px,calc(100vw - 132px),260px)}}
