/* Hosting and development product presentation. */
:root{--navy:#06162b;--blue:#1260e8;--sky:#83baff}
.nav{gap:22px}.nav-links{gap:23px}.brand{font-size:23px}.brand-sub{font-size:7px}.nav-links a{font-size:13px}
.hosting-hero{background:radial-gradient(ellipse at 82% 60%,#153664 0%,#0b213f 28%,#06162b 60%);color:#fff;overflow:hidden;padding:66px 0 72px}
.hosting-hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:70px;align-items:center}.hosting-hero h1{font-size:clamp(48px,5.2vw,76px);line-height:1.02;letter-spacing:-.05em}.hosting-hero .lead{color:#bacbe1;font-size:18px;max-width:550px;line-height:1.7}.hosting-hero .soft{border-color:#6a86a7;color:#e7effb}.hero-location{font-size:12px;color:#9fb5d1;margin-top:27px}.hero-location span{margin:0 8px}.hosting-hero .v6-inner-kicker{font-size:11px;letter-spacing:1.7px}.hosting-hero .hero-actions{margin-top:30px}
.rack-art{position:relative;min-height:430px;display:grid;place-items:center;isolation:isolate}.rack-orbit{position:absolute;width:430px;height:430px;border:1px solid #4a80ca38;border-radius:50%;transform:rotateX(25deg)}.rack-orbit:before,.rack-orbit:after{content:"";position:absolute;inset:40px;border:1px solid #4a80ca30;border-radius:50%}.rack-orbit:after{inset:-40px;border-style:dashed}.server-stack{width:340px;transform:perspective(900px) rotateY(-20deg) rotateX(10deg);filter:drop-shadow(25px 30px 25px #0007);position:relative}.rack-unit{height:88px;margin-bottom:15px;position:relative}.rack-unit:before{content:"";position:absolute;top:-15px;left:0;width:100%;height:16px;background:linear-gradient(100deg,#6598d2,#203c65);transform:skewX(-40deg);transform-origin:bottom left;border:1px solid #79ace855}.rack-unit:after{content:"";position:absolute;right:-13px;top:-8px;width:13px;height:87px;background:#152d4e;transform:skewY(-48deg);border-right:1px solid #648ed04d}.rack-front{height:100%;position:relative;background:linear-gradient(110deg,#264b79,#132d4c);border:1px solid #618ac080;box-shadow:inset 0 1px #93c7ff40;border-radius:3px;display:flex;align-items:center;gap:17px;padding:0 25px}.rack-slot{height:36px;width:6px;background:#0c213c;border-radius:3px;box-shadow:inset 1px 1px 2px #0008}.rack-slats{display:flex;gap:5px}.rack-slats i{width:4px;height:24px;background:#061a32;border-radius:2px}.rack-lights{margin-left:auto;display:flex;gap:8px}.rack-lights i{width:6px;height:6px;border-radius:50%;background:#74d7ff;box-shadow:0 0 12px #41baff}.rack-lights i+i{background:#5179a4;box-shadow:none}.rack-front b{position:absolute;bottom:6px;right:22px;font:8px Consolas,monospace;color:#9fc9fb;letter-spacing:1.5px}.rack-tag{position:absolute;font:10px Consolas,monospace;letter-spacing:1.6px;color:#9ec5f5}.tag-top{top:5px;right:10px}.tag-bottom{bottom:14px;left:45px;letter-spacing:.7px;font-size:12px}.rack-base{position:absolute;width:290px;height:70px;bottom:46px;background:#2685fd26;filter:blur(22px);z-index:-1}
.product-bar{background:#0c213e;border-top:1px solid #28466b;border-bottom:1px solid #294769}.product-bar .wrap{display:grid;grid-template-columns:repeat(5,1fr)}.product-bar a{display:flex;justify-content:center;align-items:center;gap:12px;padding:23px 10px;color:#d5e3f6;font-size:14px;border-left:1px solid #294365}.product-bar a:last-child{border-right:1px solid #294365}.product-bar a:hover{background:#173557;text-decoration:none;color:#fff}.product-bar svg{width:24px;height:24px;color:#83baff;flex-shrink:0}
.host-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.host-product{border:1px solid #d6e0ee;border-radius:7px;padding:29px 28px;background:#fff;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s}.host-product:hover{border-color:#80abe7;box-shadow:0 8px 25px #1937610a}.product-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.product-top svg{width:37px;height:37px;color:#155dd0}.product-top>span{font:11px Consolas,monospace;color:#8a9aaf}.host-product h3{font-size:24px;margin-bottom:14px}.host-product>b{font-size:13px;color:#263b56;font-weight:600}.host-product p{font-size:14px;line-height:1.75;margin:8px 0 26px}.host-product a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e1e7f0;padding-top:18px;margin-top:auto;font-size:14px;font-weight:650;gap:12px}.host-product a span{font-size:19px}
.game-feature,.game-page-hero{background:radial-gradient(ellipse at 25% 65%,#242c60,#101d3c 45%,#0c1730);color:#fff}.game-feature{padding:78px 0}.game-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.game-feature h2{font-size:44px}.game-feature p{color:#bbcbe1;margin:24px 0}.game-points{display:flex;flex-direction:column;gap:8px;font-size:14px;margin-bottom:30px;color:#d1dbee}.game-points span:before{content:"+";color:#86b7ff;margin-right:13px}.game-art{position:relative;min-height:360px;display:flex;align-items:center;justify-content:center;isolation:isolate}.game-art>svg{width:230px;height:230px;stroke-width:.8;color:#a1c8ff;filter:drop-shadow(0 0 25px #568ffb66);transform:rotate(-13deg)}.game-ring{position:absolute;width:320px;height:320px;border:1px solid #687fcc44;border-radius:50%;transform:rotate(-25deg) skewX(8deg);background:radial-gradient(#4c68b629,transparent 65%)}.game-ring:before{content:"";position:absolute;inset:-35px;border:1px dashed #657dcc38;border-radius:50%}.game-art>span{position:absolute;bottom:5px;letter-spacing:3px;font:10px Consolas,monospace;color:#95acd9}
.dev-feature-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:95px;align-items:center}.dev-feature p{margin-top:24px;line-height:1.8;max-width:530px}.dev-links{margin-top:25px}.dev-links a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 0;font-size:15px;font-weight:600}.project-proof{border:1px solid #d7e1ee;border-radius:7px;overflow:hidden;background:#f5f8fc}.project-proof>img{width:100%;aspect-ratio:1280/700;object-fit:cover;object-position:top}.project-proof>div{padding:25px 28px}.project-proof span{font-size:10px;letter-spacing:1.3px;color:#456789}.project-proof h3{margin-top:9px;font-size:23px}.project-proof p{margin:10px 0;font-size:14px}.project-proof a{font-size:14px;font-weight:650}
.host-support{background:#f2f6fc;border-top:1px solid #dbe4ef;padding:50px 0}.host-support>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:90px}.host-support svg{width:30px;height:30px;color:var(--blue);margin-bottom:15px}.host-support h3{font-size:23px}.host-support p{font-size:15px;margin:14px 0;max-width:490px}.host-support a{font-weight:600;font-size:14px}
.detail-hero h1,.game-page-hero h1{font-size:clamp(44px,4.6vw,66px)}.solution-rows{border-top:1px solid #cedaea}.solution-rows>div{display:grid;grid-template-columns:35px 1fr 1.6fr;gap:30px;border-bottom:1px solid #dbe3ee;padding:27px 0;align-items:start}.solution-rows>div>span{font:12px Consolas,monospace;color:var(--blue);padding-top:5px}.solution-rows h3{font-size:22px}.solution-rows p{font-size:15px}.section-intro{max-width:660px;margin-top:22px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 60px;margin-top:40px}.spec-grid article{border-top:2px solid #b8cde9;padding-top:22px}.spec-grid h3{font-size:22px;margin-bottom:12px}.spec-grid p{font-size:15px}.quote-note{font-size:13px;margin-top:36px}.game-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.game-options article{border-top:2px solid #9ab9e8;padding-top:23px}.game-options span{font:12px Consolas,monospace;color:var(--blue)}.game-options h3{font-size:25px;margin:20px 0 16px}.game-options p{font-size:15px}.v6-product{display:flex;flex-direction:column;align-items:flex-start}.v6-product a{margin-top:auto;padding-top:22px}.v6-infra-row{grid-template-columns:28px 1fr 1.7fr 118px}.v6-inner-hero{background:linear-gradient(110deg,#06162b,#102e52)}
@media(max-width:1150px){.nav-links{gap:15px}.nav{gap:16px}.hosting-hero-grid{gap:35px}.rack-art{transform:scale(.9)}.host-product{padding:24px}.product-bar a{font-size:12px;gap:8px}.game-feature-grid,.dev-feature-grid{gap:50px}.game-feature h2{font-size:37px}}
@media(max-width:1050px){.hosting-hero h1{font-size:57px}.hosting-hero .lead{font-size:16px}.rack-art{min-height:380px;transform:scale(.82);transform-origin:center}.host-products{gap:18px}.host-product h3{font-size:21px}.game-art>svg{width:180px}.game-ring{width:260px;height:260px}.product-bar a{flex-direction:column;text-align:center}.v6-infra-row{grid-template-columns:24px 1fr 1.5fr 110px}.host-support>.wrap{gap:50px}}
@media(max-width:800px){.hosting-hero-grid{grid-template-columns:1fr;gap:30px}.hosting-hero{padding:45px 0 35px}.hosting-hero h1{font-size:54px;max-width:660px}.hosting-hero .lead{max-width:630px}.rack-art{transform:none;min-height:360px;max-width:520px;width:100%;margin:auto}.server-stack{width:310px}.rack-orbit{width:350px;height:350px}.tag-top{top:0}.tag-bottom{bottom:0;left:20px}.hosting-hero .rack-art{margin-top:22px}.host-products{grid-template-columns:1fr 1fr}.product-bar .wrap{width:100%;grid-template-columns:repeat(5,minmax(0,1fr))}.product-bar a{font-size:11px;padding:18px 6px}.product-bar svg{width:23px}.game-feature-grid,.dev-feature-grid{grid-template-columns:1fr;gap:35px}.game-feature .game-art{order:2;min-height:280px}.game-art{min-height:300px}.game-feature h2{font-size:38px}.game-feature{padding:48px 0}.dev-feature p{max-width:650px}.project-proof{max-width:650px}.game-options{grid-template-columns:1fr;gap:28px}.game-options h3{margin:12px 0}.detail-hero .rack-art{min-height:340px}.game-page-hero .game-art{min-height:280px}.solution-rows>div{grid-template-columns:25px 1fr;gap:8px 18px}.solution-rows p{grid-column:2}.host-support>.wrap{gap:32px}.hero-location{font-size:11px}}
@media(max-width:600px){.hosting-hero h1{font-size:48px;line-height:1.05}.hosting-hero .v6-inner-kicker{font-size:9px;letter-spacing:1.2px}.hosting-hero .lead{font-size:16px}.hosting-hero .hero-actions{gap:10px}.hosting-hero .btn{font-size:13px;padding:12px 14px}.hero-location{font-size:10px}.hero-location span{margin:0 4px}.rack-art{min-height:310px}.server-stack{width:258px}.rack-unit{height:70px;margin-bottom:14px}.rack-unit:after{height:69px}.rack-front{padding-inline:19px}.rack-slats{gap:4px}.rack-slats i{width:3px;height:21px}.rack-orbit{width:270px;height:270px}.rack-tag{font-size:8px}.tag-top{right:0;top:3px}.tag-bottom{font-size:10px;left:8px}.rack-base{bottom:35px}.product-bar .wrap{grid-template-columns:repeat(3,minmax(0,1fr))}.product-bar a{padding:16px 6px;font-size:11px;flex-direction:row;gap:7px;border-bottom:1px solid #294365}.product-bar svg{width:20px;height:20px}.product-bar a:nth-child(4),.product-bar a:nth-child(5){grid-column:span 1}.host-products{grid-template-columns:1fr;gap:16px}.host-product{padding:24px}.product-top{margin-bottom:18px}.product-top svg{width:31px;height:31px}.host-product h3{font-size:24px}.host-product p{margin-bottom:20px}.host-product a{font-size:14px}.game-feature h2{font-size:34px}.game-feature p{font-size:15px}.game-art>svg{width:180px;height:180px}.game-ring{width:230px;height:230px}.game-art>span{font-size:8px}.dev-feature-grid{gap:30px}.project-proof>div{padding:22px}.host-support>.wrap{grid-template-columns:1fr;gap:30px}.host-support>.wrap>div+div{padding-top:30px;border-top:1px solid #d3dfef}.spec-grid{grid-template-columns:1fr;gap:28px}.solution-rows h3{font-size:21px}.v6-infra-row{grid-template-columns:20px 1fr}.detail-hero h1,.game-page-hero h1{font-size:43px}.detail-hero .rack-art{min-height:310px}.v6-product a{margin-top:0}}
@media(max-width:370px){.hosting-hero h1{font-size:44px}.hosting-hero .hero-actions .btn{flex:1 1 auto}.product-bar .wrap{grid-template-columns:1fr 1fr}.product-bar a:last-child{grid-column:1/-1}.hero-location{line-height:1.8}.host-product h3{font-size:23px}}
@media(min-width:801px){.product-bar .wrap{grid-template-columns:repeat(6,minmax(0,1fr))}.product-bar a{font-size:12px}}@media(min-width:371px) and (max-width:800px){.product-bar .wrap{grid-template-columns:repeat(3,minmax(0,1fr))}.product-bar a{border-bottom:1px solid #294365}}@media(max-width:760px){.v6-infra-row{grid-template-columns:20px 1fr}.v6-infra-row p,.v6-infra-row a{grid-column:2}}@media(max-width:370px){.brand{font-size:20px}.product-bar a:last-child{grid-column:auto}}
.game-art{overflow:hidden}.product-bar a:last-child{gap:9px}
@media(min-width:601px) and (max-width:800px){.detail-hero .rack-art{min-height:400px}.tag-top{top:-5px}}

@media(max-width:900px){.v6-work-feature-grid{grid-template-columns:1fr;gap:35px}.v6-work-browser{max-width:760px}.v6-product ul{grid-template-columns:1fr}}