/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/flag-icons/css/flag-icons.min.css ***! \********************************************************************************************************************************************************************************************************************************************************************************************/ .fib,.fi{background-size:contain;background-position:50%;background-repeat:no-repeat}.fi{position:relative;display:inline-block;width:1.333333em;line-height:1em}.fi:before{content:" "}.fi.fis{width:1em}.fi-xx{background-image:url(/_next/static/media/xx.7aec1681.svg)}.fi-xx.fis{background-image:url(/_next/static/media/xx.36e887fc.svg)}.fi-ad{background-image:url(/_next/static/media/ad.b565cad3.svg)}.fi-ad.fis{background-image:url(/_next/static/media/ad.14b2769a.svg)}.fi-ae{background-image:url(/_next/static/media/ae.f162af03.svg)}.fi-ae.fis{background-image:url(/_next/static/media/ae.d03f76a0.svg)}.fi-af{background-image:url(/_next/static/media/af.c6050ccd.svg)}.fi-af.fis{background-image:url(/_next/static/media/af.435470e3.svg)}.fi-ag{background-image:url(/_next/static/media/ag.62cf6a10.svg)}.fi-ag.fis{background-image:url(/_next/static/media/ag.e4ec7960.svg)}.fi-ai{background-image:url(/_next/static/media/ai.2a1a5933.svg)}.fi-ai.fis{background-image:url(/_next/static/media/ai.a4b34f84.svg)}.fi-al{background-image:url(/_next/static/media/al.5df89ac8.svg)}.fi-al.fis{background-image:url(/_next/static/media/al.4833b4f3.svg)}.fi-am{background-image:url(/_next/static/media/am.7f72827a.svg)}.fi-am.fis{background-image:url(/_next/static/media/am.34892225.svg)}.fi-ao{background-image:url(/_next/static/media/ao.a4fd2437.svg)}.fi-ao.fis{background-image:url(/_next/static/media/ao.dc602665.svg)}.fi-aq{background-image:url(/_next/static/media/aq.ce1f8e53.svg)}.fi-aq.fis{background-image:url(/_next/static/media/aq.f2df55b9.svg)}.fi-ar{background-image:url(/_next/static/media/ar.6208071e.svg)}.fi-ar.fis{background-image:url(/_next/static/media/ar.00c27288.svg)}.fi-as{background-image:url(/_next/static/media/as.01647fad.svg)}.fi-as.fis{background-image:url(/_next/static/media/as.a2913fa2.svg)}.fi-at{background-image:url(/_next/static/media/at.5b89999f.svg)}.fi-at.fis{background-image:url(/_next/static/media/at.eff32dd0.svg)}.fi-au{background-image:url(/_next/static/media/au.37597da1.svg)}.fi-au.fis{background-image:url(/_next/static/media/au.f7475e83.svg)}.fi-aw{background-image:url(/_next/static/media/aw.ffc51b5a.svg)}.fi-aw.fis{background-image:url(/_next/static/media/aw.38f24953.svg)}.fi-ax{background-image:url(/_next/static/media/ax.52a80967.svg)}.fi-ax.fis{background-image:url(/_next/static/media/ax.ff1515de.svg)}.fi-az{background-image:url(/_next/static/media/az.68efbd04.svg)}.fi-az.fis{background-image:url(/_next/static/media/az.1b8731a4.svg)}.fi-ba{background-image:url(/_next/static/media/ba.a6d937cc.svg)}.fi-ba.fis{background-image:url(/_next/static/media/ba.f7b5581c.svg)}.fi-bb{background-image:url(/_next/static/media/bb.4f50c33a.svg)}.fi-bb.fis{background-image:url(/_next/static/media/bb.39025a56.svg)}.fi-bd{background-image:url(/_next/static/media/bd.3b0570c0.svg)}.fi-bd.fis{background-image:url(/_next/static/media/bd.dda0e02d.svg)}.fi-be{background-image:url(/_next/static/media/be.77cccf17.svg)}.fi-be.fis{background-image:url(/_next/static/media/be.8dd87cc1.svg)}.fi-bf{background-image:url(/_next/static/media/bf.415d3659.svg)}.fi-bf.fis{background-image:url(/_next/static/media/bf.580f6b00.svg)}.fi-bg{background-image:url(/_next/static/media/bg.27e6e74d.svg)}.fi-bg.fis{background-image:url(/_next/static/media/bg.d5f28354.svg)}.fi-bh{background-image:url(/_next/static/media/bh.2ff06f83.svg)}.fi-bh.fis{background-image:url(/_next/static/media/bh.84867991.svg)}.fi-bi{background-image:url(/_next/static/media/bi.a6b2059a.svg)}.fi-bi.fis{background-image:url(/_next/static/media/bi.b0f6538c.svg)}.fi-bj{background-image:url(/_next/static/media/bj.1375d8c9.svg)}.fi-bj.fis{background-image:url(/_next/static/media/bj.14b050e1.svg)}.fi-bl{background-image:url(/_next/static/media/bl.0d579979.svg)}.fi-bl.fis{background-image:url(/_next/static/media/bl.2c23e677.svg)}.fi-bm{background-image:url(/_next/static/media/bm.a27098d2.svg)}.fi-bm.fis{background-image:url(/_next/static/media/bm.75279f04.svg)}.fi-bn{background-image:url(/_next/static/media/bn.c13ab93d.svg)}.fi-bn.fis{background-image:url(/_next/static/media/bn.4e5ec8c5.svg)}.fi-bo{background-image:url(/_next/static/media/bo.9eafaa77.svg)}.fi-bo.fis{background-image:url(/_next/static/media/bo.47b87e1d.svg)}.fi-bq{background-image:url(/_next/static/media/bq.f6d582bf.svg)}.fi-bq.fis{background-image:url(/_next/static/media/bq.68b35ed6.svg)}.fi-br{background-image:url(/_next/static/media/br.de35e3d0.svg)}.fi-br.fis{background-image:url(/_next/static/media/br.67a6502f.svg)}.fi-bs{background-image:url(/_next/static/media/bs.d0bf1659.svg)}.fi-bs.fis{background-image:url(/_next/static/media/bs.1fc645d9.svg)}.fi-bt{background-image:url(/_next/static/media/bt.bc95f27c.svg)}.fi-bt.fis{background-image:url(/_next/static/media/bt.1a35bb57.svg)}.fi-bv{background-image:url(/_next/static/media/bv.dbc727c7.svg)}.fi-bv.fis{background-image:url(/_next/static/media/bv.b376a0c2.svg)}.fi-bw{background-image:url(/_next/static/media/bw.df3366e6.svg)}.fi-bw.fis{background-image:url(/_next/static/media/bw.a1b03391.svg)}.fi-by{background-image:url(/_next/static/media/by.dcca2e49.svg)}.fi-by.fis{background-image:url(/_next/static/media/by.a9f5b570.svg)}.fi-bz{background-image:url(/_next/static/media/bz.07b1393a.svg)}.fi-bz.fis{background-image:url(/_next/static/media/bz.239d2201.svg)}.fi-ca{background-image:url(/_next/static/media/ca.896bca67.svg)}.fi-ca.fis{background-image:url(/_next/static/media/ca.b405d187.svg)}.fi-cc{background-image:url(/_next/static/media/cc.755d680f.svg)}.fi-cc.fis{background-image:url(/_next/static/media/cc.8bd1a967.svg)}.fi-cd{background-image:url(/_next/static/media/cd.25808585.svg)}.fi-cd.fis{background-image:url(/_next/static/media/cd.fffb6b4f.svg)}.fi-cf{background-image:url(/_next/static/media/cf.be784cc8.svg)}.fi-cf.fis{background-image:url(/_next/static/media/cf.6cff29be.svg)}.fi-cg{background-image:url(/_next/static/media/cg.d1d9c2f7.svg)}.fi-cg.fis{background-image:url(/_next/static/media/cg.4b0f3275.svg)}.fi-ch{background-image:url(/_next/static/media/ch.a4939cb8.svg)}.fi-ch.fis{background-image:url(/_next/static/media/ch.baba02d3.svg)}.fi-ci{background-image:url(/_next/static/media/ci.514886a6.svg)}.fi-ci.fis{background-image:url(/_next/static/media/ci.6778515b.svg)}.fi-ck{background-image:url(/_next/static/media/ck.04d9039d.svg)}.fi-ck.fis{background-image:url(/_next/static/media/ck.d6781181.svg)}.fi-cl{background-image:url(/_next/static/media/cl.c77df473.svg)}.fi-cl.fis{background-image:url(/_next/static/media/cl.5a22125c.svg)}.fi-cm{background-image:url(/_next/static/media/cm.a298fc08.svg)}.fi-cm.fis{background-image:url(/_next/static/media/cm.f4820dd5.svg)}.fi-cn{background-image:url(/_next/static/media/cn.7fd9bbb9.svg)}.fi-cn.fis{background-image:url(/_next/static/media/cn.cb52daf1.svg)}.fi-co{background-image:url(/_next/static/media/co.6b78e07b.svg)}.fi-co.fis{background-image:url(/_next/static/media/co.76882952.svg)}.fi-cr{background-image:url(/_next/static/media/cr.cc088912.svg)}.fi-cr.fis{background-image:url(/_next/static/media/cr.1b227430.svg)}.fi-cu{background-image:url(/_next/static/media/cu.41475839.svg)}.fi-cu.fis{background-image:url(/_next/static/media/cu.ad9e4327.svg)}.fi-cv{background-image:url(/_next/static/media/cv.8b2e1c15.svg)}.fi-cv.fis{background-image:url(/_next/static/media/cv.526fd91a.svg)}.fi-cw{background-image:url(/_next/static/media/cw.93b85dbf.svg)}.fi-cw.fis{background-image:url(/_next/static/media/cw.02547adf.svg)}.fi-cx{background-image:url(/_next/static/media/cx.fd2a5aee.svg)}.fi-cx.fis{background-image:url(/_next/static/media/cx.4676a5e8.svg)}.fi-cy{background-image:url(/_next/static/media/cy.7249484c.svg)}.fi-cy.fis{background-image:url(/_next/static/media/cy.239da485.svg)}.fi-cz{background-image:url(/_next/static/media/cz.7c86bb18.svg)}.fi-cz.fis{background-image:url(/_next/static/media/cz.83554014.svg)}.fi-de{background-image:url(/_next/static/media/de.666805f5.svg)}.fi-de.fis{background-image:url(/_next/static/media/de.7643c466.svg)}.fi-dj{background-image:url(/_next/static/media/dj.fdb22cb3.svg)}.fi-dj.fis{background-image:url(/_next/static/media/dj.5938f70a.svg)}.fi-dk{background-image:url(/_next/static/media/dk.4b0313b3.svg)}.fi-dk.fis{background-image:url(/_next/static/media/dk.89836fb3.svg)}.fi-dm{background-image:url(/_next/static/media/dm.c3205e29.svg)}.fi-dm.fis{background-image:url(/_next/static/media/dm.be65cbd3.svg)}.fi-do{background-image:url(/_next/static/media/do.90543632.svg)}.fi-do.fis{background-image:url(/_next/static/media/do.5dff1c5f.svg)}.fi-dz{background-image:url(/_next/static/media/dz.eccc2d17.svg)}.fi-dz.fis{background-image:url(/_next/static/media/dz.4d424eed.svg)}.fi-ec{background-image:url(/_next/static/media/ec.fe749fb4.svg)}.fi-ec.fis{background-image:url(/_next/static/media/ec.c410ad34.svg)}.fi-ee{background-image:url(/_next/static/media/ee.56dc3aee.svg)}.fi-ee.fis{background-image:url(/_next/static/media/ee.866fd1e9.svg)}.fi-eg{background-image:url(/_next/static/media/eg.047d5d78.svg)}.fi-eg.fis{background-image:url(/_next/static/media/eg.fa4029f7.svg)}.fi-eh{background-image:url(/_next/static/media/eh.8c2d6290.svg)}.fi-eh.fis{background-image:url(/_next/static/media/eh.fb5f92c8.svg)}.fi-er{background-image:url(/_next/static/media/er.522330c7.svg)}.fi-er.fis{background-image:url(/_next/static/media/er.dd9cd168.svg)}.fi-es{background-image:url(/_next/static/media/es.b74b7366.svg)}.fi-es.fis{background-image:url(/_next/static/media/es.56e04edb.svg)}.fi-et{background-image:url(/_next/static/media/et.2590f747.svg)}.fi-et.fis{background-image:url(/_next/static/media/et.831fb719.svg)}.fi-fi{background-image:url(/_next/static/media/fi.97487f84.svg)}.fi-fi.fis{background-image:url(/_next/static/media/fi.26d2687d.svg)}.fi-fj{background-image:url(/_next/static/media/fj.a7cdc5d9.svg)}.fi-fj.fis{background-image:url(/_next/static/media/fj.bdaf8e0b.svg)}.fi-fk{background-image:url(/_next/static/media/fk.2fa70293.svg)}.fi-fk.fis{background-image:url(/_next/static/media/fk.67b13a77.svg)}.fi-fm{background-image:url(/_next/static/media/fm.624c0401.svg)}.fi-fm.fis{background-image:url(/_next/static/media/fm.9f69c44d.svg)}.fi-fo{background-image:url(/_next/static/media/fo.67175ea9.svg)}.fi-fo.fis{background-image:url(/_next/static/media/fo.e2127081.svg)}.fi-fr{background-image:url(/_next/static/media/fr.f5380d92.svg)}.fi-fr.fis{background-image:url(/_next/static/media/fr.9b218945.svg)}.fi-ga{background-image:url(/_next/static/media/ga.c54a4716.svg)}.fi-ga.fis{background-image:url(/_next/static/media/ga.ed2911b6.svg)}.fi-gb{background-image:url(/_next/static/media/gb.a50bb9b9.svg)}.fi-gb.fis{background-image:url(/_next/static/media/gb.84704546.svg)}.fi-gd{background-image:url(/_next/static/media/gd.e05a9476.svg)}.fi-gd.fis{background-image:url(/_next/static/media/gd.14a558de.svg)}.fi-ge{background-image:url(/_next/static/media/ge.ea35a606.svg)}.fi-ge.fis{background-image:url(/_next/static/media/ge.58018902.svg)}.fi-gf{background-image:url(/_next/static/media/gf.3432de9d.svg)}.fi-gf.fis{background-image:url(/_next/static/media/gf.ebd3395c.svg)}.fi-gg{background-image:url(/_next/static/media/gg.2a17e1f5.svg)}.fi-gg.fis{background-image:url(/_next/static/media/gg.20336d11.svg)}.fi-gh{background-image:url(/_next/static/media/gh.c17cf878.svg)}.fi-gh.fis{background-image:url(/_next/static/media/gh.448b0251.svg)}.fi-gi{background-image:url(/_next/static/media/gi.1b7f29db.svg)}.fi-gi.fis{background-image:url(/_next/static/media/gi.238dcba4.svg)}.fi-gl{background-image:url(/_next/static/media/gl.78358425.svg)}.fi-gl.fis{background-image:url(/_next/static/media/gl.5444bdb4.svg)}.fi-gm{background-image:url(/_next/static/media/gm.ed8bbaab.svg)}.fi-gm.fis{background-image:url(/_next/static/media/gm.f9f1be29.svg)}.fi-gn{background-image:url(/_next/static/media/gn.649ba66f.svg)}.fi-gn.fis{background-image:url(/_next/static/media/gn.f1877078.svg)}.fi-gp{background-image:url(/_next/static/media/gp.bbea90b2.svg)}.fi-gp.fis{background-image:url(/_next/static/media/gp.6fcf1bbe.svg)}.fi-gq{background-image:url(/_next/static/media/gq.c572f675.svg)}.fi-gq.fis{background-image:url(/_next/static/media/gq.c6128d72.svg)}.fi-gr{background-image:url(/_next/static/media/gr.c44dd9de.svg)}.fi-gr.fis{background-image:url(/_next/static/media/gr.b29b73cc.svg)}.fi-gs{background-image:url(/_next/static/media/gs.fe3374bb.svg)}.fi-gs.fis{background-image:url(/_next/static/media/gs.4ae78589.svg)}.fi-gt{background-image:url(/_next/static/media/gt.c5f468c9.svg)}.fi-gt.fis{background-image:url(/_next/static/media/gt.097451fc.svg)}.fi-gu{background-image:url(/_next/static/media/gu.b033e7a6.svg)}.fi-gu.fis{background-image:url(/_next/static/media/gu.e98af0a7.svg)}.fi-gw{background-image:url(/_next/static/media/gw.ea5c7733.svg)}.fi-gw.fis{background-image:url(/_next/static/media/gw.63a96ba0.svg)}.fi-gy{background-image:url(/_next/static/media/gy.a49496e0.svg)}.fi-gy.fis{background-image:url(/_next/static/media/gy.f6fc470b.svg)}.fi-hk{background-image:url(/_next/static/media/hk.fbcde7e7.svg)}.fi-hk.fis{background-image:url(/_next/static/media/hk.dce082af.svg)}.fi-hm{background-image:url(/_next/static/media/hm.82bbdf2c.svg)}.fi-hm.fis{background-image:url(/_next/static/media/hm.5becb17f.svg)}.fi-hn{background-image:url(/_next/static/media/hn.2743fae6.svg)}.fi-hn.fis{background-image:url(/_next/static/media/hn.04ddc9c9.svg)}.fi-hr{background-image:url(/_next/static/media/hr.34b7d242.svg)}.fi-hr.fis{background-image:url(/_next/static/media/hr.f0c84cca.svg)}.fi-ht{background-image:url(/_next/static/media/ht.da0b6318.svg)}.fi-ht.fis{background-image:url(/_next/static/media/ht.9f915077.svg)}.fi-hu{background-image:url(/_next/static/media/hu.16c6335f.svg)}.fi-hu.fis{background-image:url(/_next/static/media/hu.dd178f4f.svg)}.fi-id{background-image:url(/_next/static/media/id.4cad97a8.svg)}.fi-id.fis{background-image:url(/_next/static/media/id.14f7cd20.svg)}.fi-ie{background-image:url(/_next/static/media/ie.81491cb3.svg)}.fi-ie.fis{background-image:url(/_next/static/media/ie.3ffc25e6.svg)}.fi-il{background-image:url(/_next/static/media/il.80b0a878.svg)}.fi-il.fis{background-image:url(/_next/static/media/il.189a898e.svg)}.fi-im{background-image:url(/_next/static/media/im.479ad3e9.svg)}.fi-im.fis{background-image:url(/_next/static/media/im.6477619a.svg)}.fi-in{background-image:url(/_next/static/media/in.895a1570.svg)}.fi-in.fis{background-image:url(/_next/static/media/in.d0d6fbfb.svg)}.fi-io{background-image:url(/_next/static/media/io.fc7eebc1.svg)}.fi-io.fis{background-image:url(/_next/static/media/io.6bb5f04b.svg)}.fi-iq{background-image:url(/_next/static/media/iq.ef417ed1.svg)}.fi-iq.fis{background-image:url(/_next/static/media/iq.97972d36.svg)}.fi-ir{background-image:url(/_next/static/media/ir.801fbb84.svg)}.fi-ir.fis{background-image:url(/_next/static/media/ir.b0b67ec9.svg)}.fi-is{background-image:url(/_next/static/media/is.d9058ffe.svg)}.fi-is.fis{background-image:url(/_next/static/media/is.429236e3.svg)}.fi-it{background-image:url(/_next/static/media/it.919398e6.svg)}.fi-it.fis{background-image:url(/_next/static/media/it.a33eed70.svg)}.fi-je{background-image:url(/_next/static/media/je.2b7a276f.svg)}.fi-je.fis{background-image:url(/_next/static/media/je.2f55f42c.svg)}.fi-jm{background-image:url(/_next/static/media/jm.d2a19045.svg)}.fi-jm.fis{background-image:url(/_next/static/media/jm.bdacb13d.svg)}.fi-jo{background-image:url(/_next/static/media/jo.1d753f70.svg)}.fi-jo.fis{background-image:url(/_next/static/media/jo.5f1bc0fd.svg)}.fi-jp{background-image:url(/_next/static/media/jp.469572a4.svg)}.fi-jp.fis{background-image:url(/_next/static/media/jp.f7679c7d.svg)}.fi-ke{background-image:url(/_next/static/media/ke.f16cb069.svg)}.fi-ke.fis{background-image:url(/_next/static/media/ke.97ba1711.svg)}.fi-kg{background-image:url(/_next/static/media/kg.be82c42b.svg)}.fi-kg.fis{background-image:url(/_next/static/media/kg.994fed1d.svg)}.fi-kh{background-image:url(/_next/static/media/kh.11eb9a0f.svg)}.fi-kh.fis{background-image:url(/_next/static/media/kh.e67aa6fd.svg)}.fi-ki{background-image:url(/_next/static/media/ki.9e4e595c.svg)}.fi-ki.fis{background-image:url(/_next/static/media/ki.2e09febf.svg)}.fi-km{background-image:url(/_next/static/media/km.7a0dade4.svg)}.fi-km.fis{background-image:url(/_next/static/media/km.646d1493.svg)}.fi-kn{background-image:url(/_next/static/media/kn.fd378e90.svg)}.fi-kn.fis{background-image:url(/_next/static/media/kn.108c8847.svg)}.fi-kp{background-image:url(/_next/static/media/kp.91011e5b.svg)}.fi-kp.fis{background-image:url(/_next/static/media/kp.c253ccbb.svg)}.fi-kr{background-image:url(/_next/static/media/kr.653f2f60.svg)}.fi-kr.fis{background-image:url(/_next/static/media/kr.b7c6fcdd.svg)}.fi-kw{background-image:url(/_next/static/media/kw.f6baad6c.svg)}.fi-kw.fis{background-image:url(/_next/static/media/kw.fb4eb65c.svg)}.fi-ky{background-image:url(/_next/static/media/ky.4f9c0b82.svg)}.fi-ky.fis{background-image:url(/_next/static/media/ky.c6d5a8d5.svg)}.fi-kz{background-image:url(/_next/static/media/kz.6e1e994c.svg)}.fi-kz.fis{background-image:url(/_next/static/media/kz.07b60b89.svg)}.fi-la{background-image:url(/_next/static/media/la.21965b6b.svg)}.fi-la.fis{background-image:url(/_next/static/media/la.a6797aaf.svg)}.fi-lb{background-image:url(/_next/static/media/lb.ed2ddca6.svg)}.fi-lb.fis{background-image:url(/_next/static/media/lb.95bb0628.svg)}.fi-lc{background-image:url(/_next/static/media/lc.75168bb4.svg)}.fi-lc.fis{background-image:url(/_next/static/media/lc.ab0f97c6.svg)}.fi-li{background-image:url(/_next/static/media/li.5cded325.svg)}.fi-li.fis{background-image:url(/_next/static/media/li.948747ca.svg)}.fi-lk{background-image:url(/_next/static/media/lk.b7c51dbe.svg)}.fi-lk.fis{background-image:url(/_next/static/media/lk.23166e8c.svg)}.fi-lr{background-image:url(/_next/static/media/lr.53b9aaa6.svg)}.fi-lr.fis{background-image:url(/_next/static/media/lr.24de0706.svg)}.fi-ls{background-image:url(/_next/static/media/ls.3ffccbb5.svg)}.fi-ls.fis{background-image:url(/_next/static/media/ls.9d74b3ad.svg)}.fi-lt{background-image:url(/_next/static/media/lt.bf4fafec.svg)}.fi-lt.fis{background-image:url(/_next/static/media/lt.8caacf8e.svg)}.fi-lu{background-image:url(/_next/static/media/lu.86de7018.svg)}.fi-lu.fis{background-image:url(/_next/static/media/lu.c50a5e54.svg)}.fi-lv{background-image:url(/_next/static/media/lv.a0f4e501.svg)}.fi-lv.fis{background-image:url(/_next/static/media/lv.4971dcb7.svg)}.fi-ly{background-image:url(/_next/static/media/ly.767d61c3.svg)}.fi-ly.fis{background-image:url(/_next/static/media/ly.b15665e7.svg)}.fi-ma{background-image:url(/_next/static/media/ma.ac9e8647.svg)}.fi-ma.fis{background-image:url(/_next/static/media/ma.011669b1.svg)}.fi-mc{background-image:url(/_next/static/media/mc.4575357b.svg)}.fi-mc.fis{background-image:url(/_next/static/media/mc.8d86df98.svg)}.fi-md{background-image:url(/_next/static/media/md.dba4c7fc.svg)}.fi-md.fis{background-image:url(/_next/static/media/md.1ac10547.svg)}.fi-me{background-image:url(/_next/static/media/me.4978895c.svg)}.fi-me.fis{background-image:url(/_next/static/media/me.7e20b942.svg)}.fi-mf{background-image:url(/_next/static/media/mf.ec6640d7.svg)}.fi-mf.fis{background-image:url(/_next/static/media/mf.bc094987.svg)}.fi-mg{background-image:url(/_next/static/media/mg.fdccffd8.svg)}.fi-mg.fis{background-image:url(/_next/static/media/mg.4877b16a.svg)}.fi-mh{background-image:url(/_next/static/media/mh.2e69453f.svg)}.fi-mh.fis{background-image:url(/_next/static/media/mh.84332268.svg)}.fi-mk{background-image:url(/_next/static/media/mk.e08d824e.svg)}.fi-mk.fis{background-image:url(/_next/static/media/mk.2e8a86db.svg)}.fi-ml{background-image:url(/_next/static/media/ml.8913b6a0.svg)}.fi-ml.fis{background-image:url(/_next/static/media/ml.ba7ce81b.svg)}.fi-mm{background-image:url(/_next/static/media/mm.88f1ae1b.svg)}.fi-mm.fis{background-image:url(/_next/static/media/mm.588f0238.svg)}.fi-mn{background-image:url(/_next/static/media/mn.365f5b1a.svg)}.fi-mn.fis{background-image:url(/_next/static/media/mn.b7e17957.svg)}.fi-mo{background-image:url(/_next/static/media/mo.5c0be540.svg)}.fi-mo.fis{background-image:url(/_next/static/media/mo.26867be2.svg)}.fi-mp{background-image:url(/_next/static/media/mp.fb95729b.svg)}.fi-mp.fis{background-image:url(/_next/static/media/mp.8842d0ea.svg)}.fi-mq{background-image:url(/_next/static/media/mq.552f523c.svg)}.fi-mq.fis{background-image:url(/_next/static/media/mq.ff8d61a6.svg)}.fi-mr{background-image:url(/_next/static/media/mr.b1c94640.svg)}.fi-mr.fis{background-image:url(/_next/static/media/mr.102a50bf.svg)}.fi-ms{background-image:url(/_next/static/media/ms.57d5c0e6.svg)}.fi-ms.fis{background-image:url(/_next/static/media/ms.2e19586b.svg)}.fi-mt{background-image:url(/_next/static/media/mt.2a8198a4.svg)}.fi-mt.fis{background-image:url(/_next/static/media/mt.b8ab0ef5.svg)}.fi-mu{background-image:url(/_next/static/media/mu.c9c6e4ee.svg)}.fi-mu.fis{background-image:url(/_next/static/media/mu.42abd700.svg)}.fi-mv{background-image:url(/_next/static/media/mv.f37078c1.svg)}.fi-mv.fis{background-image:url(/_next/static/media/mv.cd985551.svg)}.fi-mw{background-image:url(/_next/static/media/mw.69ded792.svg)}.fi-mw.fis{background-image:url(/_next/static/media/mw.65a71322.svg)}.fi-mx{background-image:url(/_next/static/media/mx.1134b850.svg)}.fi-mx.fis{background-image:url(/_next/static/media/mx.bc259576.svg)}.fi-my{background-image:url(/_next/static/media/my.fc14919a.svg)}.fi-my.fis{background-image:url(/_next/static/media/my.2cdcc8d1.svg)}.fi-mz{background-image:url(/_next/static/media/mz.2506e9e5.svg)}.fi-mz.fis{background-image:url(/_next/static/media/mz.4f04cc96.svg)}.fi-na{background-image:url(/_next/static/media/na.54baa000.svg)}.fi-na.fis{background-image:url(/_next/static/media/na.a64d8ca1.svg)}.fi-nc{background-image:url(/_next/static/media/nc.fe4ee3e5.svg)}.fi-nc.fis{background-image:url(/_next/static/media/nc.51c5586c.svg)}.fi-ne{background-image:url(/_next/static/media/ne.6a215ca5.svg)}.fi-ne.fis{background-image:url(/_next/static/media/ne.ddabaa80.svg)}.fi-nf{background-image:url(/_next/static/media/nf.0e3b38dc.svg)}.fi-nf.fis{background-image:url(/_next/static/media/nf.407d2ab8.svg)}.fi-ng{background-image:url(/_next/static/media/ng.ec2e74e2.svg)}.fi-ng.fis{background-image:url(/_next/static/media/ng.5247079e.svg)}.fi-ni{background-image:url(/_next/static/media/ni.5163411d.svg)}.fi-ni.fis{background-image:url(/_next/static/media/ni.bf7fcea5.svg)}.fi-nl{background-image:url(/_next/static/media/nl.c49ee8d5.svg)}.fi-nl.fis{background-image:url(/_next/static/media/nl.2c98e1df.svg)}.fi-no{background-image:url(/_next/static/media/no.4ceb414c.svg)}.fi-no.fis{background-image:url(/_next/static/media/no.a519bc0f.svg)}.fi-np{background-image:url(/_next/static/media/np.3a5eec1c.svg)}.fi-np.fis{background-image:url(/_next/static/media/np.a94793ce.svg)}.fi-nr{background-image:url(/_next/static/media/nr.f98dec91.svg)}.fi-nr.fis{background-image:url(/_next/static/media/nr.a83a706b.svg)}.fi-nu{background-image:url(/_next/static/media/nu.e3a84a02.svg)}.fi-nu.fis{background-image:url(/_next/static/media/nu.ab755ce5.svg)}.fi-nz{background-image:url(/_next/static/media/nz.16212e51.svg)}.fi-nz.fis{background-image:url(/_next/static/media/nz.e296aaa6.svg)}.fi-om{background-image:url(/_next/static/media/om.449f75b2.svg)}.fi-om.fis{background-image:url(/_next/static/media/om.0747201c.svg)}.fi-pa{background-image:url(/_next/static/media/pa.78bb9a3d.svg)}.fi-pa.fis{background-image:url(/_next/static/media/pa.beca3af6.svg)}.fi-pe{background-image:url(/_next/static/media/pe.1320cd1a.svg)}.fi-pe.fis{background-image:url(/_next/static/media/pe.74e80a97.svg)}.fi-pf{background-image:url(/_next/static/media/pf.41e90cd1.svg)}.fi-pf.fis{background-image:url(/_next/static/media/pf.43045c7c.svg)}.fi-pg{background-image:url(/_next/static/media/pg.cb62536b.svg)}.fi-pg.fis{background-image:url(/_next/static/media/pg.ed799a7c.svg)}.fi-ph{background-image:url(/_next/static/media/ph.d218202d.svg)}.fi-ph.fis{background-image:url(/_next/static/media/ph.fdc9fd6e.svg)}.fi-pk{background-image:url(/_next/static/media/pk.b52bfbe8.svg)}.fi-pk.fis{background-image:url(/_next/static/media/pk.39a05c74.svg)}.fi-pl{background-image:url(/_next/static/media/pl.4ca59b6d.svg)}.fi-pl.fis{background-image:url(/_next/static/media/pl.b7f0464c.svg)}.fi-pm{background-image:url(/_next/static/media/pm.a5508b8f.svg)}.fi-pm.fis{background-image:url(/_next/static/media/pm.6e3b8747.svg)}.fi-pn{background-image:url(/_next/static/media/pn.b4e1ab6a.svg)}.fi-pn.fis{background-image:url(/_next/static/media/pn.5e11b03b.svg)}.fi-pr{background-image:url(/_next/static/media/pr.89d15f52.svg)}.fi-pr.fis{background-image:url(/_next/static/media/pr.eac89ae4.svg)}.fi-ps{background-image:url(/_next/static/media/ps.af946441.svg)}.fi-ps.fis{background-image:url(/_next/static/media/ps.651e63e8.svg)}.fi-pt{background-image:url(/_next/static/media/pt.acd403c0.svg)}.fi-pt.fis{background-image:url(/_next/static/media/pt.751775fc.svg)}.fi-pw{background-image:url(/_next/static/media/pw.c4139f47.svg)}.fi-pw.fis{background-image:url(/_next/static/media/pw.e47cd8a0.svg)}.fi-py{background-image:url(/_next/static/media/py.975980dc.svg)}.fi-py.fis{background-image:url(/_next/static/media/py.6523d790.svg)}.fi-qa{background-image:url(/_next/static/media/qa.f779f3e2.svg)}.fi-qa.fis{background-image:url(/_next/static/media/qa.79dab309.svg)}.fi-re{background-image:url(/_next/static/media/re.d3c4fc19.svg)}.fi-re.fis{background-image:url(/_next/static/media/re.4d18457f.svg)}.fi-ro{background-image:url(/_next/static/media/ro.c05f47cb.svg)}.fi-ro.fis{background-image:url(/_next/static/media/ro.4885a544.svg)}.fi-rs{background-image:url(/_next/static/media/rs.3bffe169.svg)}.fi-rs.fis{background-image:url(/_next/static/media/rs.0f45ed27.svg)}.fi-ru{background-image:url(/_next/static/media/ru.2c447906.svg)}.fi-ru.fis{background-image:url(/_next/static/media/ru.9ee2a40e.svg)}.fi-rw{background-image:url(/_next/static/media/rw.c85e0781.svg)}.fi-rw.fis{background-image:url(/_next/static/media/rw.04eaf790.svg)}.fi-sa{background-image:url(/_next/static/media/sa.0db9e8ec.svg)}.fi-sa.fis{background-image:url(/_next/static/media/sa.9a769000.svg)}.fi-sb{background-image:url(/_next/static/media/sb.cf6a4ceb.svg)}.fi-sb.fis{background-image:url(/_next/static/media/sb.63a8b779.svg)}.fi-sc{background-image:url(/_next/static/media/sc.ae98e9c5.svg)}.fi-sc.fis{background-image:url(/_next/static/media/sc.95a235db.svg)}.fi-sd{background-image:url(/_next/static/media/sd.e0e59b6e.svg)}.fi-sd.fis{background-image:url(/_next/static/media/sd.cc39c2fd.svg)}.fi-se{background-image:url(/_next/static/media/se.ec52785e.svg)}.fi-se.fis{background-image:url(/_next/static/media/se.6e3dfa92.svg)}.fi-sg{background-image:url(/_next/static/media/sg.7ad85643.svg)}.fi-sg.fis{background-image:url(/_next/static/media/sg.6c7c77dd.svg)}.fi-sh{background-image:url(/_next/static/media/sh.3ad15ea1.svg)}.fi-sh.fis{background-image:url(/_next/static/media/sh.9a586a73.svg)}.fi-si{background-image:url(/_next/static/media/si.2451437b.svg)}.fi-si.fis{background-image:url(/_next/static/media/si.7c060dc6.svg)}.fi-sj{background-image:url(/_next/static/media/sj.239f992c.svg)}.fi-sj.fis{background-image:url(/_next/static/media/sj.86309dc7.svg)}.fi-sk{background-image:url(/_next/static/media/sk.22ca1340.svg)}.fi-sk.fis{background-image:url(/_next/static/media/sk.41f9c3b2.svg)}.fi-sl{background-image:url(/_next/static/media/sl.193f7759.svg)}.fi-sl.fis{background-image:url(/_next/static/media/sl.b8e2f9c8.svg)}.fi-sm{background-image:url(/_next/static/media/sm.4a279393.svg)}.fi-sm.fis{background-image:url(/_next/static/media/sm.9f3be35f.svg)}.fi-sn{background-image:url(/_next/static/media/sn.562c00dd.svg)}.fi-sn.fis{background-image:url(/_next/static/media/sn.3ab9bf55.svg)}.fi-so{background-image:url(/_next/static/media/so.81fb24d4.svg)}.fi-so.fis{background-image:url(/_next/static/media/so.90ac99ad.svg)}.fi-sr{background-image:url(/_next/static/media/sr.3b1c3796.svg)}.fi-sr.fis{background-image:url(/_next/static/media/sr.0953a6a0.svg)}.fi-ss{background-image:url(/_next/static/media/ss.1612a976.svg)}.fi-ss.fis{background-image:url(/_next/static/media/ss.6f65d43c.svg)}.fi-st{background-image:url(/_next/static/media/st.e2d0e812.svg)}.fi-st.fis{background-image:url(/_next/static/media/st.24c52b78.svg)}.fi-sv{background-image:url(/_next/static/media/sv.955539c3.svg)}.fi-sv.fis{background-image:url(/_next/static/media/sv.4a7ef341.svg)}.fi-sx{background-image:url(/_next/static/media/sx.1a2113b2.svg)}.fi-sx.fis{background-image:url(/_next/static/media/sx.ba3ea51f.svg)}.fi-sy{background-image:url(/_next/static/media/sy.1f32362a.svg)}.fi-sy.fis{background-image:url(/_next/static/media/sy.f444a6e6.svg)}.fi-sz{background-image:url(/_next/static/media/sz.cc9ae834.svg)}.fi-sz.fis{background-image:url(/_next/static/media/sz.61ba2742.svg)}.fi-tc{background-image:url(/_next/static/media/tc.1d40ce70.svg)}.fi-tc.fis{background-image:url(/_next/static/media/tc.79662ff0.svg)}.fi-td{background-image:url(/_next/static/media/td.4112ccd5.svg)}.fi-td.fis{background-image:url(/_next/static/media/td.5f20acc4.svg)}.fi-tf{background-image:url(/_next/static/media/tf.7c977baf.svg)}.fi-tf.fis{background-image:url(/_next/static/media/tf.5fa85387.svg)}.fi-tg{background-image:url(/_next/static/media/tg.5715bee8.svg)}.fi-tg.fis{background-image:url(/_next/static/media/tg.a1a84f46.svg)}.fi-th{background-image:url(/_next/static/media/th.b00e082a.svg)}.fi-th.fis{background-image:url(/_next/static/media/th.ef374066.svg)}.fi-tj{background-image:url(/_next/static/media/tj.cea8921a.svg)}.fi-tj.fis{background-image:url(/_next/static/media/tj.15422eff.svg)}.fi-tk{background-image:url(/_next/static/media/tk.c0bf669c.svg)}.fi-tk.fis{background-image:url(/_next/static/media/tk.4c50bf5b.svg)}.fi-tl{background-image:url(/_next/static/media/tl.2c56cc08.svg)}.fi-tl.fis{background-image:url(/_next/static/media/tl.8a381dde.svg)}.fi-tm{background-image:url(/_next/static/media/tm.c0fe3bc6.svg)}.fi-tm.fis{background-image:url(/_next/static/media/tm.6a8ec56b.svg)}.fi-tn{background-image:url(/_next/static/media/tn.37c8e7ce.svg)}.fi-tn.fis{background-image:url(/_next/static/media/tn.00f037a9.svg)}.fi-to{background-image:url(/_next/static/media/to.e21e7b02.svg)}.fi-to.fis{background-image:url(/_next/static/media/to.c6f3657c.svg)}.fi-tr{background-image:url(/_next/static/media/tr.d4c9d92a.svg)}.fi-tr.fis{background-image:url(/_next/static/media/tr.0def5aa5.svg)}.fi-tt{background-image:url(/_next/static/media/tt.e0985f1c.svg)}.fi-tt.fis{background-image:url(/_next/static/media/tt.6ab528e2.svg)}.fi-tv{background-image:url(/_next/static/media/tv.3824bd65.svg)}.fi-tv.fis{background-image:url(/_next/static/media/tv.6903cb03.svg)}.fi-tw{background-image:url(/_next/static/media/tw.73a45808.svg)}.fi-tw.fis{background-image:url(/_next/static/media/tw.be895da5.svg)}.fi-tz{background-image:url(/_next/static/media/tz.2fc608dc.svg)}.fi-tz.fis{background-image:url(/_next/static/media/tz.1c849474.svg)}.fi-ua{background-image:url(/_next/static/media/ua.f2fcca8e.svg)}.fi-ua.fis{background-image:url(/_next/static/media/ua.1906adac.svg)}.fi-ug{background-image:url(/_next/static/media/ug.950aec88.svg)}.fi-ug.fis{background-image:url(/_next/static/media/ug.447bdffc.svg)}.fi-um{background-image:url(/_next/static/media/um.dcc46281.svg)}.fi-um.fis{background-image:url(/_next/static/media/um.3bcbb586.svg)}.fi-us{background-image:url(/_next/static/media/us.ed9e9dcf.svg)}.fi-us.fis{background-image:url(/_next/static/media/us.74ba1789.svg)}.fi-uy{background-image:url(/_next/static/media/uy.9537a65d.svg)}.fi-uy.fis{background-image:url(/_next/static/media/uy.d2ccd308.svg)}.fi-uz{background-image:url(/_next/static/media/uz.f2c7bb34.svg)}.fi-uz.fis{background-image:url(/_next/static/media/uz.547d4bad.svg)}.fi-va{background-image:url(/_next/static/media/va.959875d9.svg)}.fi-va.fis{background-image:url(/_next/static/media/va.420e8e0c.svg)}.fi-vc{background-image:url(/_next/static/media/vc.fef5eea8.svg)}.fi-vc.fis{background-image:url(/_next/static/media/vc.236a0c50.svg)}.fi-ve{background-image:url(/_next/static/media/ve.fc18ce10.svg)}.fi-ve.fis{background-image:url(/_next/static/media/ve.fadaaf82.svg)}.fi-vg{background-image:url(/_next/static/media/vg.56b7d722.svg)}.fi-vg.fis{background-image:url(/_next/static/media/vg.a2ba8d0e.svg)}.fi-vi{background-image:url(/_next/static/media/vi.07ed8cfe.svg)}.fi-vi.fis{background-image:url(/_next/static/media/vi.aaeab146.svg)}.fi-vn{background-image:url(/_next/static/media/vn.72f1ed8d.svg)}.fi-vn.fis{background-image:url(/_next/static/media/vn.8508d803.svg)}.fi-vu{background-image:url(/_next/static/media/vu.e0449820.svg)}.fi-vu.fis{background-image:url(/_next/static/media/vu.e2f09778.svg)}.fi-wf{background-image:url(/_next/static/media/wf.bca98a8b.svg)}.fi-wf.fis{background-image:url(/_next/static/media/wf.f72e2367.svg)}.fi-ws{background-image:url(/_next/static/media/ws.7d68a871.svg)}.fi-ws.fis{background-image:url(/_next/static/media/ws.7f5978f7.svg)}.fi-ye{background-image:url(/_next/static/media/ye.9d9e4c9f.svg)}.fi-ye.fis{background-image:url(/_next/static/media/ye.8f3c7165.svg)}.fi-yt{background-image:url(/_next/static/media/yt.045dc596.svg)}.fi-yt.fis{background-image:url(/_next/static/media/yt.a50469fc.svg)}.fi-za{background-image:url(/_next/static/media/za.b4b48b9d.svg)}.fi-za.fis{background-image:url(/_next/static/media/za.41aa0ffd.svg)}.fi-zm{background-image:url(/_next/static/media/zm.ef3a9aef.svg)}.fi-zm.fis{background-image:url(/_next/static/media/zm.58e73af5.svg)}.fi-zw{background-image:url(/_next/static/media/zw.3e71d5a4.svg)}.fi-zw.fis{background-image:url(/_next/static/media/zw.f11b2c74.svg)}.fi-arab{background-image:url(/_next/static/media/arab.073495a5.svg)}.fi-arab.fis{background-image:url(/_next/static/media/arab.979580f2.svg)}.fi-asean{background-image:url(/_next/static/media/asean.22f23a72.svg)}.fi-asean.fis{background-image:url(/_next/static/media/asean.94b668bb.svg)}.fi-cefta{background-image:url(/_next/static/media/cefta.3c76a868.svg)}.fi-cefta.fis{background-image:url(/_next/static/media/cefta.6ce94a42.svg)}.fi-cp{background-image:url(/_next/static/media/cp.d0eb7df6.svg)}.fi-cp.fis{background-image:url(/_next/static/media/cp.f400c9ba.svg)}.fi-dg{background-image:url(/_next/static/media/dg.2de1a547.svg)}.fi-dg.fis{background-image:url(/_next/static/media/dg.52fa6fbe.svg)}.fi-eac{background-image:url(/_next/static/media/eac.1ac04507.svg)}.fi-eac.fis{background-image:url(/_next/static/media/eac.8d4776f5.svg)}.fi-es-ct{background-image:url(/_next/static/media/es-ct.5e59862b.svg)}.fi-es-ct.fis{background-image:url(/_next/static/media/es-ct.c6598d85.svg)}.fi-es-ga{background-image:url(/_next/static/media/es-ga.f3f34c34.svg)}.fi-es-ga.fis{background-image:url(/_next/static/media/es-ga.13ecfea2.svg)}.fi-es-pv{background-image:url(/_next/static/media/es-pv.75ca1be5.svg)}.fi-es-pv.fis{background-image:url(/_next/static/media/es-pv.98874354.svg)}.fi-eu{background-image:url(/_next/static/media/eu.cef9551f.svg)}.fi-eu.fis{background-image:url(/_next/static/media/eu.6f18afcd.svg)}.fi-gb-eng{background-image:url(/_next/static/media/gb-eng.e1fc6b4f.svg)}.fi-gb-eng.fis{background-image:url(/_next/static/media/gb-eng.5107a4c2.svg)}.fi-gb-nir{background-image:url(/_next/static/media/gb-nir.8ec547f4.svg)}.fi-gb-nir.fis{background-image:url(/_next/static/media/gb-nir.f40f87d5.svg)}.fi-gb-sct{background-image:url(/_next/static/media/gb-sct.10f3906a.svg)}.fi-gb-sct.fis{background-image:url(/_next/static/media/gb-sct.6618f22c.svg)}.fi-gb-wls{background-image:url(/_next/static/media/gb-wls.a6fac399.svg)}.fi-gb-wls.fis{background-image:url(/_next/static/media/gb-wls.1cf3d9cc.svg)}.fi-ic{background-image:url(/_next/static/media/ic.1404e905.svg)}.fi-ic.fis{background-image:url(/_next/static/media/ic.b8b8078e.svg)}.fi-pc{background-image:url(/_next/static/media/pc.9cfd8220.svg)}.fi-pc.fis{background-image:url(/_next/static/media/pc.25fa6033.svg)}.fi-sh-ac{background-image:url(/_next/static/media/sh-ac.49686f50.svg)}.fi-sh-ac.fis{background-image:url(/_next/static/media/sh-ac.103f8fd9.svg)}.fi-sh-hl{background-image:url(/_next/static/media/sh-hl.c4109a60.svg)}.fi-sh-hl.fis{background-image:url(/_next/static/media/sh-hl.664afc56.svg)}.fi-sh-ta{background-image:url(/_next/static/media/sh-ta.26f1bf6d.svg)}.fi-sh-ta.fis{background-image:url(/_next/static/media/sh-ta.9e06bc08.svg)}.fi-un{background-image:url(/_next/static/media/un.98053442.svg)}.fi-un.fis{background-image:url(/_next/static/media/un.f72dbd04.svg)}.fi-xk{background-image:url(/_next/static/media/xk.9fc203f3.svg)}.fi-xk.fis{background-image:url(/_next/static/media/xk.961776b9.svg)} /*!*************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./app/globals.css ***! \*************************************************************************************************************************************************************************************************************************************************************/ :root{--purple:#5f3ee7;--purple2:#8469ff;--ink:#111017;--muted:#6d6a78;--line:#ddd9ec;--wash:#f6f4fc;--dark:#100f17}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font-sans),Arial,sans-serif;font-size:14px;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;color:inherit}a{text-decoration:none;color:inherit}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.header{height:68px;position:sticky;top:0;background:#fff;z-index:30;border-bottom:1px solid #e8e5f2}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;color:var(--purple);line-height:.85}.logoMark{display:grid;place-items:center;width:32px;height:32px;background:var(--purple);color:white;border-radius:4px;margin-right:8px;font-size:20px;font-weight:900}.logo b{display:block;font-size:15px}.logo small{font-size:8px;letter-spacing:2px}.navlinks{display:flex;height:100%;align-items:center;gap:5px}.navlinks a,.navlinks button{height:100%;border:0;background:none;padding:0 12px;font:600 12px var(--font-sans),Arial,sans-serif;cursor:pointer}.navlinks button span{font-size:10px;margin-left:6px}.navlinks .active{color:var(--purple);box-shadow:inset 0 -2px var(--purple)}.navActions{display:flex;align-items:center;gap:8px}.login,.burger{border:0;background:none;font:600 12px var(--font-sans),Arial,sans-serif}.primary,.secondary,.darkButton{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 20px;font-weight:700;font-size:12px;border:1px solid var(--purple)}.primary{background:var(--purple);color:white}.primary.small{height:36px;padding:0 14px}.arrow{margin-left:14px}.secondary{background:white;color:var(--ink);border-color:#c9c5d3}.burger{display:none;font-size:20px}.mega{position:absolute;background:#fff;width:100%;border-bottom:1px solid #dcd7eb;box-shadow:0 18px 30px #39287c18}.megaInner{display:grid;grid-template-columns:1fr 250px;gap:40px;padding:28px 0}.megaGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.megaGrid p,.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#9a95a8}.megaGrid a{height:38px;display:flex;align-items:center;border-bottom:1px solid #eeeaf5;font-weight:600;font-size:12px}.megaGrid a>span:last-child{margin-left:auto;color:#aaa}.menuIcon{color:var(--purple);width:25px}.mega aside{background:var(--wash);padding:20px}.mega aside h3{font-size:19px;margin:10px 0 6px}.mega aside p{color:var(--muted);font-size:11px;line-height:1.6}.mega aside .primary{height:38px;margin-top:6px;width:100%}.hero{height:520px;position:relative;overflow:hidden}.gridbg,.footerGridbg{position:absolute;inset:0;background-image:linear-gradient(#6d4ee908 1px,transparent 1px),linear-gradient(90deg,#6d4ee908 1px,transparent 1px);background-size:28px 28px;transform:perspective(500px) rotateX(8deg)}.heroInner{height:100%;display:flex;align-items:center;position:relative}.heroCopy{width:52%;z-index:2}.kicker{color:var(--purple);font-size:9px;letter-spacing:2px;font-weight:800}.hero h1{font-size:62px;line-height:.92;letter-spacing:-4px;margin:20px 0}.hero h1 span{color:var(--purple)}.heroCopy>p{width:510px;max-width:100%;line-height:1.7;color:var(--muted)}.actions{display:flex;gap:10px;margin:26px 0}.proof{display:flex;gap:22px;color:#918c9c;font-size:8px;font-weight:700;letter-spacing:.5px}.proof span:first-child{color:#36a365}.serverArt{position:absolute;right:-30px;bottom:45px;width:53%;height:390px;display:flex;align-items:flex-end;justify-content:center;gap:14px;perspective:700px}.floor{position:absolute;bottom:-20px;width:95%;height:170px;background:linear-gradient(135deg,#8165ee15,#fff);transform:rotateX(70deg);border:1px solid #c9c1ea}.rack{width:125px;height:255px;background:linear-gradient(90deg,#d7d5dc,#fafafa 18%,#f0eff5 85%,#b8b6c0);border:1px solid #aaa7b3;transform:rotateY(-8deg);padding:22px 9px 8px;box-shadow:14px 12px 20px #4d436e22;position:relative}.rack.tall{height:330px;width:150px}.rackTop{position:absolute;left:-1px;right:-1px;top:-18px;height:18px;background:#f6f5f8;border:1px solid #aaa7b3;transform:skewX(-35deg);transform-origin:bottom}.rackName{position:absolute;top:4px;left:13px;color:var(--purple);font-weight:800;font-size:11px}.rack i{display:flex;height:23px;border:1px solid #b7b4be;margin:3px 0;align-items:center;padding:0 4px;gap:3px;background:white}.rack i b{width:5px;height:5px;border:1px solid #777}.rack i em{margin-left:auto;width:7px;height:7px;border-radius:50%;background:#7355eb}.serverNote{position:absolute;right:0;bottom:0;background:white;border:1px solid var(--line);padding:12px 15px;font-size:9px;line-height:1.7}.stats{height:90px;border-top:1px solid var(--line);border-bottom:14px solid var(--dark);background:#faf9fd}.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);height:76px;align-items:center}.stats div div{border-right:1px solid var(--line);padding-left:30px}.stats div div:last-child{border:0}.stats b{display:block;font-size:22px;color:var(--purple)}.stats span{font-size:9px;color:var(--muted)}.intro{background:var(--wash);padding:34px 0}.introGrid{display:grid;grid-template-columns:1.1fr 2fr 1.5fr;gap:50px;align-items:center}.intro h3{font-size:17px;margin:10px 0}.introGrid>p{font-size:11px;line-height:1.7;color:#595663}.miniStats{display:grid;grid-template-columns:repeat(3,1fr)}.miniStats b,.miniStats span{display:block}.miniStats b{color:var(--purple);font-size:16px}.miniStats span{font-size:8px;color:var(--muted);margin-top:4px}.section{padding:100px 0}.sectionHead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:42px}.sectionHead h2,.faq h2{font-size:42px;line-height:.95;letter-spacing:-2.5px;margin:13px 0 0}.sectionHead>p{color:var(--muted);font-size:11px;line-height:1.7;text-align:right}.productGrid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--purple);border-left:1px solid var(--line)}.productCard{min-height:310px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.productCard:nth-child(5),.productCard:nth-child(6){grid-column:span 2;min-height:240px}.productCard h3{font-size:17px;margin:13px 0 8px}.productCard p{font-size:10px;color:var(--muted);line-height:1.6;height:48px}.cardLabel{font-size:8px;color:var(--purple);font-weight:800}.cube{height:95px;position:relative;display:grid;place-items:center;color:var(--purple);font-size:9px}.cube i{position:absolute;width:65px;height:42px;border:1px solid #ad9cf8;background:#eeeafe;transform:rotate(30deg) skewX(-30deg)}.cube i:nth-child(3){transform:translateY(-15px) rotate(30deg) skewX(-30deg)}.cube span{z-index:2;font-weight:800}.price{font-size:9px;margin:18px 0 12px}.price b{font-size:18px}.productCard>a{font-size:10px;font-weight:700;color:var(--purple)}.productFooter{display:flex;padding:18px 20px;background:var(--wash);align-items:center;font-size:10px}.productFooter span{margin-left:20px;color:var(--muted)}.productFooter a{margin-left:auto;color:var(--purple);font-weight:700}.network{background:var(--wash)}.mapPanel{height:480px;background:white;border:1px solid var(--line);display:grid;grid-template-columns:2fr 330px}.map{position:relative;overflow:hidden;background:radial-gradient(circle at 45% 50%,#fff 0 25%,#f4f1ff 26% 48%,#fff 49%);border-right:1px solid var(--line)}.continents{position:absolute;font-size:180px;font-weight:900;color:#e7e3f5;letter-spacing:-25px;left:16%;top:26%;transform:rotate(-8deg)}.pin{position:absolute;z-index:2}.pin i{display:block;width:9px;height:9px;border-radius:50%;background:var(--purple);border:2px solid white;box-shadow:0 0 0 2px #7254e866}.pin span{display:none;font-size:8px;background:white;padding:3px;white-space:nowrap}.pin:hover span{display:block}.location{padding:24px}.cityPhoto{height:120px;background:linear-gradient(135deg,#ddd5fa,#6b4ee0);display:flex;align-items:flex-end;padding:10px;color:white;font-size:30px}.cityPhoto span{margin-left:auto;font-size:8px}.status{display:block;color:#2f9e64;font-size:8px;font-weight:700;margin:20px 0 8px}.location h3{font-size:27px;margin:0}.location p{font-size:10px;color:var(--muted);line-height:1.6}.location dl,.quote dl{font-size:9px}.location dt,.quote dt{float:left;color:var(--muted);padding:7px 0}.location dd,.quote dd{text-align:right;border-bottom:1px solid var(--line);padding:7px 0;font-weight:700}.location .primary{height:38px;margin-top:10px}.routing{background:var(--dark);color:white;padding:100px 0}.inverse p{color:#85808e}.routingGrid{display:grid;grid-template-columns:2fr 1fr;border:1px solid #292633;min-height:430px}.topology{position:relative;background:radial-gradient(circle,#1d1833,#121119 60%);overflow:hidden}.topology svg{position:absolute;inset:0;width:100%;height:100%}.topology line{stroke:#7454ec;stroke-width:1}.hub,.node{position:absolute;z-index:2;border:1px solid #795be4;background:#181523;padding:10px;font-size:8px}.hub{left:44%;top:41%;text-align:center}.node.n0{left:13%;top:13%}.node.n1{left:45%;top:6%}.node.n2{right:10%;top:17%}.node.n3{right:9%;bottom:17%}.node.n4{left:43%;bottom:5%}.node.n5{left:11%;bottom:18%}.routeCards{display:grid;grid-template-rows:1fr 1fr}.routeCards>div{padding:30px;border-bottom:1px solid #292633;background:#17151f}.routeCards span{font-size:8px;color:#898391}.routeCards b{font-size:42px;display:block;margin-top:20px}.routeCards small{font-size:12px;color:#8067e4}.routeCards p{font-size:10px;color:#8c8795;line-height:1.6}.spark{color:#7b5ce8;letter-spacing:9px;font-size:21px}.darkStats{height:65px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #292633;border-top:0}.darkStats span{padding:18px;border-right:1px solid #292633;color:#8c8795;font-size:9px}.darkStats b{color:white;font-size:18px;margin-right:6px}.metalGrid{display:grid;grid-template-columns:2fr 1fr;border:1px solid var(--line)}.dashboard{height:400px;display:grid;grid-template-columns:130px 1fr;font-size:9px}.dashSide{background:#f8f7fb;border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:7px}.dashSide b{font-size:11px;color:var(--purple);margin-bottom:20px}.dashSide span{padding:9px}.dashSide .sel{background:#ebe6ff;color:var(--purple)}.dashMain{padding:24px}.dashTop{display:flex;justify-content:space-between;font-size:13px}.dashTop button{background:var(--purple);color:white;border:0;padding:8px;font-size:8px}.filters{border:1px solid var(--line);padding:11px;margin:20px 0}.filters span{float:right}.serverRow{display:grid;grid-template-columns:15px 1.2fr .7fr 1fr 20px;gap:8px;padding:13px 6px;border-bottom:1px solid var(--line);align-items:center}.serverRow i{width:6px;height:6px;background:#43aa6f;border-radius:50%}.serverRow i.off{background:#aaa}.serverRow span{color:var(--muted)}.serverRow em{text-align:right}.layers{position:relative;background:#fbfaff;padding:230px 30px 20px}.layer{position:absolute;left:50%;width:130px;height:80px;transform:translateX(-50%) rotate(30deg) skewX(-30deg);border:2px solid #b5a5fb;background:#eeeafe;display:grid;place-items:center;font-size:10px;color:var(--purple);font-weight:800}.layer.l1{top:60px}.layer.l2{top:95px}.layer.l3{top:130px}.layers ul{list-style:none;margin:0;padding:0;font-size:9px;line-height:2;color:#5e596c}.layers li:before{content:'✓';color:var(--purple);margin-right:8px}.brands{border:1px solid var(--line);border-top:0;display:flex;justify-content:space-around;padding:22px;color:#aaa;font-size:15px}.compliance,.rackSection,.testimonials{background:var(--wash)}.certGrid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.certDoc,.certs>div{background:white;border:1px solid var(--line);padding:28px}.certDoc>span{font:600 9px monospace}.certDoc h3{font-size:20px}.certDoc p{font-size:10px;color:var(--muted)}.certDoc>div{display:flex;gap:25px;border-top:1px solid var(--line);padding-top:20px;margin-top:35px}.certDoc>div b{color:var(--purple);font-size:15px}.certs{display:grid;gap:14px}.certs>div{display:grid;grid-template-columns:80px 1fr 40px;align-items:center}.certs b{font-size:20px;color:#43719a}.certs span{font-size:10px}.certs em{color:#38a46a;font-size:8px}.addressGrid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.ipTable,.features{border:1px solid var(--line)}.ipTable>div{display:grid;grid-template-columns:1.4fr 1fr 1fr;padding:16px 20px;border-bottom:1px solid var(--line);font-size:10px}.ipTable>div:first-child{background:var(--wash);font-size:8px;color:var(--muted)}.ipTable em{position:relative;background:#e8e4f7;font-style:normal;padding:3px;color:var(--purple)}.features>div{display:grid;grid-template-columns:35px 1fr 20px;padding:15px;border-bottom:1px solid var(--line)}.features i{font-style:normal;color:var(--purple);font-size:9px}.features b,.features small{display:block}.features b{font-size:10px}.features small{font-size:8px;color:var(--muted);margin-top:4px}.features em{color:var(--purple)}.rackPanel{display:grid;grid-template-columns:330px 1fr;background:white;border:1px solid var(--line)}.rackVisual{background:#13121a;padding:20px}.rackVisual>div{height:27px;border-bottom:1px solid #393643;display:grid;grid-template-columns:30px 1fr 20px;align-items:center;color:#706c79;font-size:8px}.rackVisual b{height:18px;padding:4px;background:#292632;color:#aaa}.rackVisual b.empty{background:transparent}.rackVisual i{color:#4bd177}.quote{padding:30px 40px}.quote>span{font-size:8px;color:var(--purple);font-weight:800}.quote h3{font-size:19px;margin:8px 0}.quote>p{font-size:10px;color:var(--muted)}.quote dl{margin-top:40px}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quotes blockquote{margin:0;background:white;border:1px solid var(--line);padding:24px;font-size:11px;line-height:1.7;min-height:190px}.quotes footer{margin-top:30px;display:flex;flex-direction:column;font-size:9px}.quotes footer span{color:var(--muted)}.faqGrid{display:grid;grid-template-columns:1fr 2fr;gap:80px}.faqGrid>div:first-child p{font-size:10px;color:var(--muted);line-height:1.6}.faqGrid .secondary{height:38px;margin-top:12px}.faqItem{border-bottom:1px solid var(--line)}.faqItem button{height:62px;width:100%;display:grid;grid-template-columns:35px 1fr 20px;align-items:center;text-align:left;border:0;background:white;font:600 11px var(--font-sans),Arial,sans-serif;cursor:pointer}.faqItem button b{font-size:8px;color:var(--purple)}.faqItem button span{color:var(--purple);font-size:18px}.faqItem>p{margin:0;padding:0 55px 20px 35px;color:var(--muted);font-size:10px;line-height:1.6}.footer{position:relative;background:#100f17;color:white;padding-top:90px}.footerGridbg{opacity:.35}.footer .wrap{position:relative}.cta{text-align:center;padding-bottom:100px}.cta h2{font-size:52px;line-height:.95;letter-spacing:-3px;margin:18px}.cta p{color:#8d8897;font-size:10px}.cta .actions{justify-content:center}.primary.white{background:white;color:#16131f;border-color:white}.darkButton{border-color:#393543}.footerMain{border-top:1px solid #282530;padding:55px 0;display:grid;grid-template-columns:2fr repeat(4,1fr);gap:30px}.inverseLogo{color:white}.footerMain>div:first-child p{color:#777281;font-size:9px;line-height:1.7;margin-top:20px}.footerMain>div:not(:first-child){display:flex;flex-direction:column;gap:11px}.footerMain>div>b{font-size:9px;margin-bottom:10px}.footerMain a{font-size:9px;color:#817d89}.footerBottom{border-top:1px solid #282530;padding:25px 0;display:flex;justify-content:space-between;color:#6f6b78;font-size:8px} @media(max-width:850px){.wrap{width:min(100% - 30px,680px)}.navlinks{display:none;position:absolute;top:68px;left:0;right:0;background:white;height:auto;padding:15px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.navlinks.show{display:flex}.navlinks a,.navlinks button{height:42px;text-align:left}.burger{display:block}.login{display:none}.mega{top:68px}.megaInner{grid-template-columns:1fr}.mega aside{display:none}.megaGrid{grid-template-columns:1fr}.megaGrid>div:not(:first-child){display:none}.hero{height:700px}.heroInner{align-items:flex-start;padding-top:70px}.heroCopy{width:100%}.hero h1{font-size:45px}.serverArt{width:100%;height:290px;right:0}.rack{height:180px}.rack.tall{height:230px}.serverNote{display:none}.stats .wrap{grid-template-columns:repeat(2,1fr)}.stats{height:145px}.stats .wrap{height:130px}.introGrid{grid-template-columns:1fr;gap:15px}.section{padding:70px 0}.sectionHead h2,.faq h2{font-size:34px}.sectionHead>p{display:none}.productGrid{grid-template-columns:repeat(2,1fr)}.productCard:nth-child(5),.productCard:nth-child(6){grid-column:span 1}.mapPanel,.routingGrid,.metalGrid,.certGrid,.addressGrid,.rackPanel,.faqGrid{grid-template-columns:1fr}.mapPanel{height:auto}.map{height:350px}.location{min-height:360px}.routingGrid{min-height:700px}.topology{min-height:380px}.metalGrid{border:0}.dashboard{grid-template-columns:85px 1fr}.layers{min-height:420px}.rackPanel{padding:15px}.quotes{grid-template-columns:1fr}.footerMain{grid-template-columns:repeat(2,1fr)}.footerMain>div:first-child{grid-column:span 2}.navActions .primary{display:none}} @media(max-width:520px){.hero h1{font-size:40px}.proof{gap:8px}.serverArt{transform:scale(.85);transform-origin:bottom}.stats b{font-size:18px}.stats div div{padding-left:12px}.productGrid{grid-template-columns:1fr}.productCard:nth-child(5),.productCard:nth-child(6){grid-column:auto}.productFooter span{display:none}.sectionHead h2{font-size:30px}.dashboard{grid-template-columns:1fr}.dashSide{display:none}.dashMain{padding:12px}.serverRow{grid-template-columns:10px 1fr .7fr}.serverRow span:last-of-type,.serverRow em{display:none}.brands{font-size:10px}.certs>div{grid-template-columns:60px 1fr}.certs em{display:none}.footerBottom{gap:15px}.cta h2{font-size:42px}} /* Precision header based on the supplied 1905px desktop reference */ .header{height:101px;position:relative;top:auto;overflow:visible;border:0;z-index:50;font-family:var(--font-sans),Arial,sans-serif}.headerWrap,.megaWrap{width:min(1264px,calc(100% - 44px));margin:auto}.utility{height:36px;background:#f7f5fd;border-bottom:1px solid #d9d5e8;font:700 9px/36px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.15px;color:#4e4a59}.utility .headerWrap{display:flex;justify-content:space-between;height:36px}.utility .headerWrap>div{display:flex}.utility span{margin-right:25px}.utility span::first-letter{color:#6542d7}.utility a{padding:0 14px;border-left:1px solid #dedbe8;white-space:nowrap}.utility a:last-child{border-right:1px solid #dedbe8}.utility b{color:#16141b}.header .nav{height:65px}.alphaLogo{display:flex;align-items:center;width:220px;color:#3c2fb4;font-size:23px;line-height:.72;letter-spacing:-1.5px;font-weight:400}.alphaLogo .alphaIcon{width:43px;height:43px;border:3px solid #4936c6;border-radius:7px;display:grid;place-items:center;font:bold 31px/1 Arial;margin-right:5px;transform:rotate(0deg)}.alphaLogo b{font-weight:400}.header .navlinks{margin-left:auto;gap:0}.header .navlinks a,.header .navlinks button{height:65px;padding:0 10px;font:600 12px Arial,sans-serif;white-space:nowrap}.header .navlinks .active{color:#5e3fc7;background:#f5f3fc;box-shadow:inset 0 -2px #6040d0}.deployButton{width:98px;height:40px;margin-left:35px;background:#6041bd;color:#fff;display:flex;align-items:center;justify-content:center;font:800 11px ui-monospace,monospace;letter-spacing:1.3px;clip-path:polygon(0 0,100% 0,100% 75%,88% 100%,0 100%)}.deployButton span{font-size:19px;margin-left:10px}.header .mega{top:101px;position:absolute;background:transparent;box-shadow:none;border:0;z-index:40}.partsBar{height:32px;background:#f7f5fd;border-bottom:1px solid #ded9ee;border-top:1px solid #f0eef7}.partsBar .megaWrap{height:100%;display:flex;align-items:center;justify-content:space-between;font:700 8px ui-monospace,monospace;letter-spacing:2px;color:#6241c6;padding:0 27px}.partsBar span{color:#7d798a;letter-spacing:1px}.megaFrame{height:287px;background:#fff;display:grid;grid-template-columns:1fr 238px;position:relative;border-left:1px solid #6944da;border-right:1px solid #6944da}.megaFrame:before,.megaFrame:after{content:"";position:absolute;width:9px;height:9px;border-top:2px solid #6844d9;top:0}.megaFrame:before{left:0;border-left:2px solid #6844d9}.megaFrame:after{right:0;border-right:2px solid #6844d9}.megaGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.megaColumn{padding:14px 22px;border-right:1px solid #ddd9e9;min-width:0}.megaColumn>p{height:26px;margin:0;border-bottom:2px solid #17151b;color:#17151b;font:800 9px ui-monospace,monospace;letter-spacing:1.8px;display:flex;align-items:flex-start}.megaColumn>p span{margin-left:auto;color:#898394;font-weight:400}.megaColumn>a{height:46px;display:flex;align-items:center;border-bottom:1px dotted #d6d1e3;position:relative;min-width:0}.megaColumn>a>i{width:21px;font:400 8px ui-monospace,monospace;color:#807b8c;font-style:normal}.menuCopy{min-width:0;display:flex;flex-direction:column}.menuCopy b{font-size:12px;line-height:16px;white-space:nowrap}.menuCopy small{font-size:10px;color:#706b7a;line-height:13px;white-space:nowrap}.megaColumn>a em{margin-left:auto;color:#5e3cc9;font:700 9px ui-monospace,monospace;white-space:nowrap;padding-left:7px}.megaColumn>a strong{margin-left:auto;color:#6541d4;font:400 9px ui-monospace,monospace}.megaFrame aside{background:#f7f5fd;padding:20px;display:flex;flex-direction:column}.megaFrame aside .eyebrow{font:800 9px ui-monospace,monospace;letter-spacing:1.7px;color:#6642ca}.megaFrame aside>p{font-size:12px;color:#56515f;line-height:19px;margin:13px 0}.megaFrame aside ul{list-style:none;padding:0;margin:0}.megaFrame aside li{border-top:1px solid #ddd8e8;padding:8px 0;font:400 9px ui-monospace,monospace;letter-spacing:.7px;color:#625d6b}.megaFrame aside li::first-letter{color:#6541d1}.megaCta{height:37px;margin-top:auto;background:#6041bd;color:white;display:flex;align-items:center;justify-content:center;font:800 9px ui-monospace,monospace;letter-spacing:1.4px;clip-path:polygon(0 0,100% 0,100% 72%,94% 100%,0 100%)}.megaCta span{margin-left:13px}.megaStrip{height:31px;background:white;border-top:1px solid #ded9e8;display:flex;align-items:center;gap:40px;padding:0 25px;font:700 8px ui-monospace,monospace;letter-spacing:1.3px;color:#5a5562}.megaStrip span::first-letter{color:#6040d1}.megaRev{height:29px;text-align:right;padding:9px 27px 0;background:#fff;font:400 8px ui-monospace,monospace;letter-spacing:1.5px;color:#777283}.header:has(.mega) + main{position:relative}.header:has(.mega) + main:before{content:"";position:absolute;z-index:20;top:0;left:0;right:0;height:320px;pointer-events:none;background-image:linear-gradient(45deg,transparent 49.3%,#6844d70b 49.5%,#6844d70b 50.5%,transparent 50.7%),linear-gradient(-45deg,transparent 49.3%,#6844d70b 49.5%,#6844d70b 50.5%,transparent 50.7%);background-size:44px 44px} @media(max-width:1050px){.utility .headerWrap>div:last-child a:nth-child(-n+3){display:none}.header .navlinks a,.header .navlinks button{padding:0 7px;font-size:11px}.deployButton{margin-left:10px}.alphaLogo{width:185px}.megaFrame{grid-template-columns:1fr 210px}.megaColumn{padding:14px 13px}.menuCopy small{max-width:130px;overflow:hidden;text-overflow:ellipsis}} @media(max-width:850px){.header{height:72px;position:sticky;top:0}.utility{display:none}.header .nav{height:72px}.header .navlinks{top:72px;height:auto;z-index:5}.header .navlinks a,.header .navlinks button{height:46px}.alphaLogo{font-size:18px}.alphaLogo .alphaIcon{width:36px;height:36px;font-size:25px}.header .mega{top:72px}.partsBar,.megaStrip,.megaRev{display:none}.megaFrame{width:100%;height:auto;max-height:calc(100vh - 72px);overflow:auto;grid-template-columns:1fr}.megaGrid{grid-template-columns:1fr}.megaColumn:not(:first-child),.megaFrame aside{display:none}.deployButton{display:none}.header:has(.mega) + main:before{display:none}} .header .navlinks>a,.header .navlinks>button{display:flex;align-items:center;justify-content:center;line-height:1} @media(max-width:850px){.header .navlinks>a,.header .navlinks>button{justify-content:flex-start}} .mobileMenu{display:none} @media(max-width:850px){ .header>.mega{display:none} .header .navlinks{display:none!important} .mobileMenu{display:block;position:fixed;inset:0;background:#fff;z-index:100;overflow-y:auto;color:#1d1b22;font-family:var(--font-sans),Arial,sans-serif} .mobileMenuTop{height:63px;display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 18px;border-bottom:1px solid #dedbe8} .mobileMenuTop .alphaLogo{width:auto;font-size:21px;line-height:.72} .mobileMenuTop .alphaIcon{width:43px;height:43px;font-size:30px} .mobileMenuTop>button{border:0;background:none;font:400 25px Arial;cursor:pointer;padding:10px} .mobileAccordions{border-bottom:1px solid #dedbe8} .mobileGroup{border-bottom:1px solid #dedbe8} .mobileGroupTitle{width:100%;height:51px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border:0;background:#fff;font:700 16px Arial;text-align:left;cursor:pointer} .mobileGroup.expanded .mobileGroupTitle{color:#6041c5} .mobileGroupTitle i{font-size:13px;font-style:normal;color:#17151b} .mobileGroup.expanded .mobileGroupTitle i{color:#6041c5} .mobileGroupBody{padding:0 20px 12px} .mobileSection{padding-top:4px} .mobileLabel{display:block;margin:10px 0 8px;color:#6041c5;font:800 9px ui-monospace,monospace;letter-spacing:1.8px} .mobileSection>a{height:33px;border-bottom:1px solid #e2deeb;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600} .mobileSection>a em{font:700 10px ui-monospace,monospace;color:#6041c5;font-style:normal} .mobileSignin{height:51px;padding:0 20px;display:flex;align-items:center;font-size:16px;font-weight:700} .mobileBottom{padding:16px 20px 44px;text-align:center} .languages{display:grid;grid-template-columns:repeat(4,1fr);gap:8px} .languages button{height:42px;padding:0 5px;border:1px solid #dcd7e9;background:white;color:#5d5965;font:700 9px ui-monospace,monospace;letter-spacing:.5px;white-space:nowrap} .languages button.selected{border-color:#cfc3fa;color:#6041c5;background:#fbfaff} .mobileDeploy{width:198px;height:48px;margin:18px auto 0;background:#362698;color:#fff;display:flex;align-items:center;justify-content:center;font:800 11px ui-monospace,monospace;letter-spacing:1.2px;clip-path:polygon(0 0,100% 0,100% 76%,94% 100%,0 100%)} .mobileDeploy span{font-size:18px;margin-left:14px} } @media(max-width:410px){.languages{grid-template-columns:repeat(2,1fr)}} .header .alphaLogo .brandLogo{display:block;width:128px;height:auto;filter:brightness(0)} @media(max-width:850px){.mobileMenuTop .alphaLogo .brandLogo{width:145px}} /* Homepage content follows the public AlphaVPS content architecture */ .alphaHero{height:610px;position:relative;overflow:hidden;background:#fff}.alphaPattern{position:absolute;inset:0;background-image:linear-gradient(45deg,transparent 49%,#6040c60c 49.3%,#6040c60c 50.7%,transparent 51%),linear-gradient(-45deg,transparent 49%,#6040c60c 49.3%,#6040c60c 50.7%,transparent 51%);background-size:52px 52px}.alphaHeroInner{height:100%;display:flex;align-items:center;position:relative}.alphaHeroCopy{width:55%;position:relative;z-index:3}.alphaHero h1{font-size:72px;line-height:.88;letter-spacing:-5px;margin:20px 0}.alphaHero h1 span{color:#6041c5}.alphaHeroCopy>p{width:560px;max-width:100%;font-size:16px;line-height:1.75;color:#5e5968}.alphaServerScene{position:absolute;right:-12%;bottom:0;width:62%;height:500px;display:flex;align-items:flex-end;gap:10px;perspective:900px}.alphaServer{width:175px;height:385px;border:1px solid #77727e;background:repeating-linear-gradient(0deg,#f7f6fa 0 18px,#8a8690 19px,#f7f6fa 20px);box-shadow:inset 20px 0 #e8e6ec,14px 12px 20px #28213518;color:#4931aa;font-size:26px;font-weight:900;padding:30px;transform:rotateY(-8deg);position:relative}.alphaServer:after{content:"";position:absolute;top:20px;right:15px;width:80px;height:95px;background:radial-gradient(circle,#6041c5 0 2px,transparent 3px);background-size:9px 9px}.alphaServer.s1{height:285px;width:120px}.alphaServer.s2{height:350px;width:145px}.networkPulse{position:absolute;right:30%;top:30px;width:240px;height:130px;border:1px solid #6243cc33;border-radius:50%}.networkPulse i{position:absolute;width:8px;height:8px;background:#6041c5;border-radius:50%}.networkPulse i:nth-child(1){left:20%;top:50%}.networkPulse i:nth-child(2){left:55%;top:15%}.networkPulse i:nth-child(3){right:10%;bottom:15%}.alphaServiceSection{padding:0 0 95px;background:#f7f5fd}.alphaServiceGrid{position:relative;margin-top:-38px;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-left:1px solid #dad6e8;border-top:2px solid #6041c5}.alphaServiceGrid article{padding:30px 32px;border-right:1px solid #dad6e8;border-bottom:1px solid #dad6e8;min-height:355px}.serviceGlyph{height:70px;width:80px;position:relative;margin-bottom:20px;color:#6041c5;display:grid;place-items:center;font:800 11px ui-monospace,monospace}.serviceGlyph i{position:absolute;width:58px;height:38px;border:1px solid #a998ec;background:#f0edff;transform:rotate(30deg) skewX(-30deg)}.serviceGlyph i:last-child{transform:translateY(-12px) rotate(30deg) skewX(-30deg)}.serviceGlyph span{position:relative;z-index:2}.alphaServiceGrid h2{font-size:22px;margin:13px 0 8px}.alphaServiceGrid p{height:52px;font-size:11px;line-height:1.65;color:#6d6877}.servicePrice{display:flex;flex-direction:column;border-top:1px dotted #d6d2e1;padding-top:17px;margin-top:20px}.servicePrice small{font:700 8px ui-monospace,monospace;color:#898492}.servicePrice b{font-size:19px;color:#6041c5;margin-top:4px}.alphaServiceGrid article>a{display:inline-block;margin-top:20px;font:700 9px ui-monospace,monospace;letter-spacing:1px;color:#5e3ec4}.alphaReasons{background:white}.reasonGrid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dcd8e8;border-left:1px solid #dcd8e8}.reasonGrid article{padding:28px;min-height:330px;border-right:1px solid #dcd8e8;border-bottom:1px solid #dcd8e8;position:relative}.reasonGrid article>span{position:absolute;right:20px;top:20px;color:#aaa5b2;font:400 9px ui-monospace,monospace}.reasonIcon{width:64px;height:64px;background:#f0ecff;color:#6041c5;display:grid;place-items:center;font-size:26px;margin:15px 0 30px}.reasonGrid small{color:#6041c5;font:800 8px ui-monospace,monospace;letter-spacing:1.4px}.reasonGrid h3{font-size:21px;margin:10px 0}.reasonGrid p{font-size:11px;line-height:1.75;color:#6b6674;min-height:78px}.reasonGrid a{font:700 9px ui-monospace,monospace;color:#6041c5}.alphaAbout{padding:100px 0;background:#121018;color:#fff}.alphaAboutGrid{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.aboutVisual{height:390px;border:1px solid #302c3a;background:radial-gradient(circle at 50% 40%,#27213d,#15131c 60%);position:relative;padding:60px}.aboutTerminal{height:240px;border:1px solid #473968;background:#121018;padding:25px;font:10px/2 ui-monospace,monospace;color:#888291;display:flex;flex-direction:column}.aboutTerminal span,.aboutTerminal i{color:#7c5de0;font-style:normal}.aboutTerminal b{font-size:17px;color:white}.aboutTerminal em{font-style:normal;margin-top:20px}.years{position:absolute;right:20px;bottom:20px;background:#6041c5;width:140px;height:95px;padding:14px;display:flex;align-items:center}.years b{font-size:44px}.years span{font:700 8px/1.5 ui-monospace,monospace;margin-left:10px}.alphaAbout h2{font-size:43px;line-height:.95;letter-spacing:-2.5px;margin:18px 0}.alphaAbout p{font-size:12px;line-height:1.8;color:#aaa4b2}.alphaAbout .primary{margin-top:15px}.alphaLocations{background:#f7f5fd}.locationLayout{height:475px;display:grid;grid-template-columns:1.8fr 1fr;border:1px solid #d8d4e5;background:white}.worldMap{position:relative;overflow:hidden;background:radial-gradient(ellipse,#f1edff 0 32%,#fff 33% 60%,#f8f7fc 61%)}.worldText{position:absolute;left:8%;top:28%;font-size:115px;font-weight:900;letter-spacing:-9px;color:#e6e2f3}.mapDot{position:absolute;border:0;background:none;font-size:16px;cursor:pointer;z-index:2}.mapDot i{display:block;margin:auto;width:9px;height:9px;border:2px solid white;background:#8b80ad;border-radius:50%;box-shadow:0 0 0 2px #8b80ad}.mapDot span{display:none;background:#15131c;color:white;font-size:9px;padding:5px;white-space:nowrap}.mapDot:hover span,.mapDot.active span{display:block}.mapDot.active i{background:#6041c5;box-shadow:0 0 0 3px #6041c555}.locationList{border-left:1px solid #d8d4e5;padding:16px}.locationList button{height:82px;width:100%;display:grid;grid-template-columns:38px 1fr 30px;align-items:center;text-align:left;border:0;border-bottom:1px solid #e0dce9;background:white;cursor:pointer}.locationList button.selected{background:#f4f1ff;padding:0 10px}.locationList button>span{font-size:21px}.locationList b,.locationList small{display:block}.locationList b{font-size:12px}.locationList small{font:8px ui-monospace,monospace;color:#797482;margin-top:6px}.locationList em{font:8px ui-monospace,monospace;color:#8c8794;font-style:normal}.downloadBar{height:52px;background:#6041c5;color:white;display:flex;align-items:center;padding:0 22px;font:700 8px ui-monospace,monospace;letter-spacing:1px}.downloadBar a{margin-left:25px;border-left:1px solid #ffffff44;padding-left:25px}.downloadBar span{margin-right:auto}.alphaFaq{background:#fff}.alphaFaqGrid{display:grid;grid-template-columns:1fr 1.8fr;gap:85px}.alphaFaqGrid h2{font-size:43px;line-height:.95;letter-spacing:-2.5px;margin:16px 0}.alphaFaqGrid>div:first-child>p{font-size:11px;line-height:1.7;color:#6c6775}.alphaFaqGrid .secondary{margin-top:18px}.alphaFaqItem{border-bottom:1px solid #ddd9e7}.alphaFaqItem button{height:65px;width:100%;display:grid;grid-template-columns:45px 1fr 25px;align-items:center;text-align:left;border:0;background:white;cursor:pointer}.alphaFaqItem button span{font:700 8px ui-monospace,monospace;color:#6041c5}.alphaFaqItem button b{font-size:12px}.alphaFaqItem button em{font-size:18px;color:#6041c5;font-style:normal}.alphaFaqItem>p{font-size:10px;line-height:1.7;color:#6b6674;padding:0 40px 20px 45px;margin:0}.alphaTestimonials{background:#f7f5fd}.alphaQuoteGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.alphaQuoteGrid blockquote{margin:0;background:#fff;border:1px solid #ddd9e7;padding:26px;min-height:220px}.alphaQuoteGrid blockquote>span{color:#6041c5;letter-spacing:3px}.alphaQuoteGrid blockquote>p{font-size:12px;line-height:1.8;min-height:85px}.alphaQuoteGrid footer{display:grid;grid-template-columns:36px 1fr;align-items:center;border-top:1px solid #e1ddea;padding-top:16px}.alphaQuoteGrid footer i{grid-row:span 2;width:28px;height:28px;background:#6041c5;color:#fff;display:grid;place-items:center;border-radius:50%;font-style:normal}.alphaQuoteGrid footer b,.alphaQuoteGrid footer em{font:700 8px ui-monospace,monospace}.alphaQuoteGrid footer em{color:#918c98;font-style:normal} @media(max-width:850px){.alphaHero{height:700px}.alphaHeroInner{align-items:flex-start;padding-top:75px}.alphaHeroCopy{width:100%}.alphaHero h1{font-size:50px;letter-spacing:-3px}.alphaHeroCopy>p{font-size:14px}.alphaServerScene{width:100%;height:300px;right:-15%;transform:scale(.8);transform-origin:bottom}.alphaServiceGrid{grid-template-columns:1fr;margin-top:0}.alphaServiceGrid article{min-height:290px}.alphaReasons .sectionHead{align-items:flex-start}.reasonGrid,.alphaAboutGrid,.locationLayout,.alphaFaqGrid{grid-template-columns:1fr}.alphaAboutGrid{gap:50px}.locationLayout{height:auto}.worldMap{height:350px}.locationList{border-left:0}.alphaQuoteGrid{grid-template-columns:1fr}.downloadBar{overflow-x:auto}.downloadBar span{white-space:nowrap}.alphaAbout h2,.alphaFaqGrid h2{font-size:35px}} @media(max-width:520px){.alphaHero h1{font-size:43px}.alphaHero .actions{flex-wrap:wrap}.alphaHero .proof{flex-wrap:wrap}.alphaServer{width:120px}.alphaServer.s1{width:85px}.alphaServer.s2{width:100px}.reasonGrid{grid-template-columns:1fr}.aboutVisual{height:310px;padding:30px}.aboutTerminal{height:210px}.alphaAboutGrid{gap:35px}.worldMap{height:280px}.worldText{font-size:74px;top:33%}.locationList button{height:70px}.downloadBar a{margin-left:14px;padding-left:14px}.alphaFaqGrid{gap:35px}} /* Motion and structural details from references 001–018 */ .hero{height:700px}.activityTicker{height:40px;border-top:1px solid #ddd9e8;border-bottom:1px solid #ddd9e8;overflow:hidden;background:white;display:flex;align-items:center;color:#777180;font:9px ui-monospace,monospace;white-space:nowrap}.activityTicker>div{display:inline-block;min-width:max-content;animation:tickerMove 24s linear infinite}.stats{height:130px;border-bottom:0}.stats .wrap{height:130px}.stats b{font-size:30px}.stats span{font:8px ui-monospace,monospace;letter-spacing:1.6px}.pageIndex{height:47px;background:#121018;color:#aaa4b4;overflow:hidden}.pageIndex .wrap{height:100%;display:flex;align-items:center;gap:18px;white-space:nowrap;font:700 8px ui-monospace,monospace;letter-spacing:1.2px}.pageIndex a{transition:color .25s}.pageIndex a:hover{color:#9b7cff}.pageIndex span{color:#6d6876}.intro{padding:62px 0}.products{padding-top:95px}.productCard{overflow:hidden;transition:background-color .3s,transform .3s,box-shadow .3s}.productCard:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,#fff 49%,transparent 63%);transform:translateX(-120%);transition:transform .7s;pointer-events:none}.productCard:hover{background:#f7f4ff;transform:translateY(-4px);box-shadow:0 12px 28px #5035b714;z-index:2}.productCard:hover:before{transform:translateX(120%)}.productCard:hover .cube{animation:cubeFloat 1.8s ease-in-out infinite}.network .pin i{animation:pinPulse 2.2s ease-out infinite}.network .pin:nth-child(2n) i{animation-delay:.7s}.network .pin:nth-child(3n) i{animation-delay:1.2s}.routing{position:relative;background-image:linear-gradient(45deg,transparent 49%,#b096ff0b 49.4%,#b096ff0b 50.6%,transparent 51%),linear-gradient(-45deg,transparent 49%,#b096ff0b 49.4%,#b096ff0b 50.6%,transparent 51%);background-size:52px 52px}.topology line{stroke-dasharray:8 6;animation:routeFlow 3s linear infinite}.hub{animation:hubGlow 2s ease-in-out infinite}.spark{animation:sparkGlow 1.7s ease-in-out infinite}.layer{transition:transform .4s}.layers:hover .l1{transform:translate(-50%,-20px) rotate(30deg) skewX(-30deg)}.layers:hover .l2{transform:translate(-50%,-8px) rotate(30deg) skewX(-30deg)}.certs>div{transition:transform .25s,border-color .25s}.certs>div:hover{transform:translateX(5px);border-color:#8469ff}.features>div{transition:background .25s,padding-left .25s}.features>div:hover{background:#f5f1ff;padding-left:21px}.rackVisual>div{transition:background .2s,color .2s,transform .2s;cursor:pointer}.rackVisual>div:hover{background:#29243a;color:white;transform:translateX(5px)}.rackVisual>div:hover b{color:#b59cff}.quotes blockquote{transition:transform .3s,box-shadow .3s}.quotes blockquote:hover{transform:translateY(-7px);box-shadow:0 18px 35px #3f2d7314}.faqItem>p{animation:faqOpen .3s ease-out}.primary,.secondary,.deployButton,.megaCta{transition:transform .22s,filter .22s,background .22s}.primary:hover,.secondary:hover,.deployButton:hover,.megaCta:hover{transform:translateY(-2px);filter:brightness(1.08)}.serverArt .rack{animation:rackEnter .9s cubic-bezier(.2,.8,.2,1) both}.serverArt .rack:nth-of-type(3){animation-delay:.14s}.serverArt .rack:nth-of-type(4){animation-delay:.28s}.heroCopy>*{animation:heroReveal .75s cubic-bezier(.2,.8,.2,1) both}.heroCopy h1{animation-delay:.1s}.heroCopy>p{animation-delay:.2s}.heroCopy .actions{animation-delay:.3s}.heroCopy .proof{animation-delay:.4s}.revealBlock{opacity:0;transform:translateY(30px);transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1)}.revealBlock.isVisible{opacity:1;transform:none}.hero.revealBlock{opacity:1;transform:none}.footer .cta h2{animation:ctaBreath 4s ease-in-out infinite} @keyframes tickerMove{to{transform:translateX(-50%)}}@keyframes cubeFloat{50%{transform:translateY(-7px)}}@keyframes pinPulse{0%{box-shadow:0 0 0 0 #7254e888}70%{box-shadow:0 0 0 9px #7254e800}100%{box-shadow:0 0 0 0 #7254e800}}@keyframes routeFlow{to{stroke-dashoffset:-28}}@keyframes hubGlow{50%{box-shadow:0 0 24px #7658e766}}@keyframes sparkGlow{50%{filter:brightness(1.7)}}@keyframes faqOpen{from{opacity:0;transform:translateY(-7px)}}@keyframes rackEnter{from{opacity:0;transform:translateY(70px) rotateY(-8deg)}to{opacity:1;transform:translateY(0) rotateY(-8deg)}}@keyframes heroReveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes ctaBreath{50%{text-shadow:0 0 28px #876cff44}} @media(max-width:850px){.hero{height:700px}.activityTicker{height:34px}.stats{height:145px}.pageIndex{display:none}.intro{padding:45px 0}.revealBlock{transform:translateY(18px)}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.activityTicker>div,.productCard:hover .cube,.network .pin i,.topology line,.hub,.spark,.serverArt .rack,.heroCopy>*,.footer .cta h2{animation:none!important}.revealBlock{opacity:1;transform:none;transition:none}} /* Cybernet homepage migrated from public_html/index.php */ .cyberHome{font-family:var(--font-sans),Arial,sans-serif} .cyberHome{--cyber-red:#ff5f57;--cyber-yellow:#febc2e;--cyber-ink:#000;--cyber-muted:#4b5563;--cyber-line:#e5e7eb;background:#fff;color:var(--cyber-ink);font-family:'DM Sans',Arial,sans-serif;overflow:hidden}.cyberContainer{width:min(1264px,calc(100% - 44px));margin:0 auto}.cyberPromo{background:#000;color:#fff;text-align:center;padding:9px 16px;font:500 10px var(--font-mono),monospace;letter-spacing:1.5px}.cyberPromo a{border:1px solid #ffffff55;padding:5px 9px;margin-left:12px;font-size:9px}.cyberHero{position:relative;padding:74px 0 90px}.cyberHeroGrid{position:absolute;inset:0;opacity:.55;background-image:radial-gradient(circle at 2px 2px,#e5e7eb 1px,transparent 0);background-size:32px 32px;pointer-events:none}.cyberHeroLayout{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.cyberHeroCopy{max-width:620px}.cyberEyebrow,.cyberCardLabel{display:block;color:#6b7280;font:600 10px var(--font-mono),monospace;letter-spacing:2px;text-transform:uppercase}.cyberHero h1{max-width:620px;margin:18px 0 22px;font-size:clamp(40px,4.5vw,60px);line-height:1.08;letter-spacing:-2px}.cyberHeroCopy>p{max-width:570px;color:var(--cyber-muted);font-size:16px;line-height:1.7}.cyberActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.cyberButton{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border:1px solid #000;font-size:14px;font-weight:500;transition:all .2s}.cyberButton.dark{background:#000;color:#fff}.cyberButton.dark:hover{background:var(--cyber-red);border-color:var(--cyber-red)}.cyberButton.light{background:#fff}.cyberButton.light:hover{background:#f9fafb;border-color:#000}.cyberButton.outline{border-color:#4b5563;color:#fff}.cyberButton.outline:hover{background:#fff;color:#000}.cyberTerminal{position:relative;background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:24px;min-height:300px;box-shadow:0 24px 50px #00000018}.terminalTop{display:flex;align-items:center;gap:7px;margin-bottom:28px;color:#737373;font:10px var(--font-mono),monospace;letter-spacing:1px}.terminalTop i{width:11px;height:11px;border-radius:50%;background:#ff5f56}.terminalTop i:nth-child(2){background:#ffbd2e}.terminalTop i:nth-child(3){background:#27c93f}.terminalTop span{flex:1 1;text-align:center}.terminalCode{display:flex;flex-direction:column;gap:15px;color:#a3a3a3;font:13px/1.5 var(--font-mono),monospace}.terminalCode b,.terminalCode strong{font-weight:400}.terminalCode strong{color:#fff}.terminalCode em{color:#a3a3a3;animation:cyberBlink 1s steps(2) infinite}.cyberStats{position:relative;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--cyber-line);border-radius:12px;box-shadow:0 4px 16px #00000008;transform:translateY(-28px);background:#fff}.cyberStats div{padding:25px 24px;border-right:1px solid var(--cyber-line)}.cyberStats div:last-child{border-right:0}.cyberStats b{display:block;font-size:25px;margin-bottom:7px}.cyberStats span{color:#6b7280;font:9px var(--font-mono),monospace;letter-spacing:1px}.cyberServicesSection{padding:65px 0 110px}.cyberSectionIntro{max-width:780px;margin:0 auto 48px;text-align:center}.cyberSectionIntro h2,.cyberEnterprise h2,.cyberValue h2,.cyberCta h2{margin:14px 0 18px;font-size:38px;line-height:1.15;letter-spacing:-1.2px}.cyberSectionIntro p,.cyberEnterprise>div>p,.cyberValue p,.cyberCta p{color:var(--cyber-muted);font-size:14px;line-height:1.7}.cyberServiceGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.cyberServiceCard{display:flex;flex-direction:column;border:1px solid var(--cyber-line);border-radius:12px;padding:30px;min-height:440px;transition:transform .2s,box-shadow .2s}.cyberServiceCard:hover{transform:translateY(-3px);box-shadow:0 12px 25px #0000000d;border-color:#000}.cyberServiceCard h3{margin:12px 0 10px;font-size:22px}.cyberServiceCard>p{color:var(--cyber-muted);font-size:14px;line-height:1.65}.cyberMock{display:flex;flex-direction:column;gap:12px;justify-content:center;flex:1 1;margin:15px 0 24px;padding:24px;background:#f9fafb;border:1px solid var(--cyber-line);border-radius:8px;font:12px var(--font-mono),monospace}.cyberMock b{font-size:14px}.cyberMock span{color:#16a34a;font-size:10px}.cyberMock small{color:#6b7280}.cyberServiceCard>a{width:max-content;border:1px solid #d1d5db;padding:10px 14px;font:12px var(--font-mono),monospace}.cyberServiceCard>a:hover{background:#000;color:#fff}.cyberServiceCard>a span{margin-left:15px}.cyberEnterprise{padding:82px 0;background:#0f0f0f;color:#fff}.cyberEnterprise>div>p{max-width:690px;color:#9ca3af}.cyberSpecGrid{display:grid;grid-template-columns:repeat(4,1fr);margin:38px 0 12px;border:1px solid #374151;border-radius:12px;overflow:hidden}.cyberSpecGrid div{padding:25px;border-right:1px solid #374151;border-bottom:1px solid #374151}.cyberSpecGrid div:nth-child(4n){border-right:0}.cyberSpecGrid div:nth-child(n+5){border-bottom:0}.cyberSpecGrid span,.cyberOs>span{display:block;color:#9ca3af;font:10px var(--font-mono),monospace;letter-spacing:1px;margin-bottom:12px}.cyberSpecGrid b{font:600 15px var(--font-mono),monospace}.cyberOs{display:flex;align-items:center;gap:24px;flex-wrap:wrap;border:1px solid #374151;border-radius:12px;padding:20px 24px;color:#9ca3af;font:13px var(--font-mono),monospace}.cyberOs>span{margin:0 10px 0 0}.cyberOs b{color:#d1d5db}.cyberValue{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;padding:110px 0}.cyberValue>div:first-child>strong{display:block;border-left:2px solid #000;margin-top:30px;padding-left:20px;font-size:34px}.cyberValue>div:first-child>small{display:block;max-width:430px;margin:5px 0 0 22px;color:var(--cyber-muted)}.cyberCompare{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:34px;background:#f9fafb;border:1px solid var(--cyber-line);border-radius:0;font:12px var(--font-mono),monospace}.cyberCompare>div{display:flex;flex-direction:column;gap:18px;color:#4b5563}.cyberCompare>div:last-child{background:#fff;color:#000;border:1px solid var(--cyber-line);border-radius:0;padding:22px;margin:-50px -45px -50px 0;box-shadow:0 8px 20px #00000008}.cyberCompare b{font-size:10px;letter-spacing:1px;color:#000}.cyberCompare span{line-height:1.5}.cyberCompare>div:first-child span:first-letter{color:#f87171}.cyberCompare>div:last-child span:first-letter{color:#22c55e}.cyberCta{padding:0 0 100px}.cyberCta .cyberContainer{padding:68px 30px;text-align:center;border-radius:12px;background:#000;color:#fff}.cyberCta p{max-width:650px;margin:0 auto;color:#9ca3af}.cyberCta .cyberActions{justify-content:center}.cyberCta .cyberEyebrow{color:#9ca3af} @keyframes cyberBlink{50%{opacity:0}} .cyberHome{font-size:14px}.cyberHero h1{font-size:clamp(40px,4.5vw,60px)}.cyberHeroCopy>p,.cyberSectionIntro p,.cyberEnterprise>div>p,.cyberValue p,.cyberCta p{font-size:14px}.cyberFooter{border-top:1px solid var(--cyber-line);padding:70px 0 28px;background:#fff}.cyberFooterGrid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:35px}.cyberFooterGrid>div:first-child{padding-right:40px}.cyberFooterGrid img{display:block;width:128px;height:auto;filter:brightness(0);margin-bottom:22px}.cyberFooterGrid p{max-width:320px;color:var(--cyber-muted);font-size:13px;line-height:1.6}.cyberFooterGrid>div:not(:first-child){display:flex;flex-direction:column;gap:12px}.cyberFooterGrid>div:not(:first-child)>b{font:600 10px var(--font-mono),monospace;letter-spacing:1.5px;margin-bottom:7px}.cyberFooterGrid a{color:#4b5563;font-size:13px}.cyberFooterGrid a:hover{color:#000;text-decoration:underline}.cyberFooterBottom{display:flex;gap:30px;border-top:1px solid var(--cyber-line);margin-top:55px;padding-top:22px;color:#9ca3af;font:10px var(--font-mono),monospace} @media(max-width:850px){.cyberContainer{width:min(100% - 44px,680px)}.cyberHero{padding:55px 0 70px}.cyberHeroLayout,.cyberValue{grid-template-columns:1fr;gap:38px}.cyberHero h1{font-size:46px}.cyberHeroCopy>p{font-size:14px}.cyberStats{grid-template-columns:repeat(2,1fr);transform:translateY(-20px)}.cyberStats div:nth-child(2){border-right:0}.cyberStats div:nth-child(n+3){border-top:1px solid var(--cyber-line)}.cyberStats div:nth-child(5){grid-column:span 2}.cyberServicesSection{padding-top:40px}.cyberSectionIntro h2,.cyberEnterprise h2,.cyberValue h2,.cyberCta h2{font-size:31px}.cyberServiceGrid{grid-template-columns:1fr}.cyberSpecGrid{grid-template-columns:repeat(2,1fr)}.cyberSpecGrid div:nth-child(2n){border-right:0}.cyberSpecGrid div:nth-child(n+5){border-bottom:1px solid #374151}.cyberSpecGrid div:nth-child(n+7){border-bottom:0}.cyberValue{padding:75px 0}.cyberCompare{gap:12px;padding:20px}.cyberCompare>div:last-child{margin:-30px -25px -30px 0;padding:16px}.cyberCta{padding-bottom:65px}.cyberFooterGrid{grid-template-columns:repeat(2,1fr);gap:30px}.cyberFooterGrid>div:first-child{grid-column:span 2;padding-right:0}.cyberFooterBottom{flex-direction:column;gap:10px}} @media(max-width:520px){.cyberPromo{font-size:8px;line-height:1.8}.cyberPromo a{display:block;width:max-content;margin:7px auto 0}.cyberHero h1{font-size:39px;letter-spacing:-1px}.cyberTerminal{padding:18px;min-height:260px}.terminalCode{font-size:10px;gap:12px}.cyberStats div{padding:18px 13px}.cyberStats b{font-size:18px}.cyberStats span{font-size:8px}.cyberServiceCard{padding:22px;min-height:390px}.cyberSpecGrid b{font-size:11px}.cyberOs{gap:15px;padding:17px}.cyberValue>div:first-child>strong{font-size:28px}.cyberCompare{display:block}.cyberCompare>div{gap:12px;margin-bottom:30px}.cyberCompare>div:last-child{margin:0;padding:18px}.cyberCta .cyberContainer{padding:48px 20px}} /* Archivo is the primary Cybernet typeface; monospace remains for technical labels. */ body,.header,.cyberHome,.cyberFooter,.mobileMenu{font-family:var(--font-sans),Arial,sans-serif} .header .navlinks a,.header .navlinks button,.mobileGroupTitle{font-family:var(--font-sans),Arial,sans-serif} .cyberFooterGrid{grid-template-columns:2fr repeat(5,1fr)} .cyberFooterColumn{display:block!important} .cyberFooterColumn section{display:flex;flex-direction:column;gap:12px;margin-bottom:25px} .cyberFooterColumn section>b{font:600 10px var(--font-mono),monospace;letter-spacing:1.5px;margin-bottom:7px} .cyberSocial{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px} .cyberSocial a{font:500 10px var(--font-mono),monospace;color:#6b7280} .cyberFooterBottom{font-family:var(--font-mono),monospace} .cyberCta .cyberButton.light{background:#fff;color:#000;border-color:#fff} .cyberCta .cyberButton.light:hover{background:#f3f4f6;color:#000;border-color:#f3f4f6} @media(max-width:1050px){.cyberFooterGrid{grid-template-columns:repeat(3,1fr)}.cyberFooterBrand{grid-column:span 3}} @media(max-width:520px){.cyberFooterGrid{grid-template-columns:repeat(2,1fr)}.cyberFooterBrand{grid-column:span 2}} /* Full dark infrastructure footer */ .cyberFooter{background:#121018;color:#c9c5d1;border:0;padding:0;font-size:13px} .cyberFooter .cyberContainer{width:min(1240px,calc(100% - 48px))} .footerIntro{min-height:175px;display:flex;justify-content:space-between;align-items:flex-start;padding:42px 0 35px;border-bottom:1px solid #2b2734} .footerIdentity img{width:148px;height:auto;filter:brightness(0) invert(1);margin:0 0 17px} .footerIdentity p{margin:0 0 17px;color:#85808d;font-size:13px} .footerIdentity>span{display:flex;align-items:center;color:#aaa5b2;font:700 9px var(--font-mono),monospace;letter-spacing:1.5px} .footerIdentity>span i{width:8px;height:8px;background:#31c76a;box-shadow:0 0 0 5px #31c76a16;margin-right:9px} .footerProof{padding-top:10px;color:#85808f;font:500 9px var(--font-mono),monospace;letter-spacing:1.5px;word-spacing:5px;text-align:right} .footerProof b{color:#514c59;margin:0 7px} .cyberFooter .cyberFooterGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:55px;padding:44px 0 42px} .cyberFooter .cyberFooterGrid>div:first-child{grid-column:auto;padding-right:0} .cyberFooterColumn,.cyberFooterGrid>div:not(:first-child){display:block!important} .cyberFooterColumn section{display:flex;flex-direction:column;gap:9px;margin:0 0 25px} .cyberFooterColumn section>b{color:#8e8998;font:700 9px var(--font-mono),monospace;letter-spacing:2.2px;margin-bottom:8px} .cyberFooter .cyberFooterColumn a{color:#cbc7d1;font-size:13px;line-height:1.25} .cyberFooter .cyberFooterColumn a:hover{color:#fff;text-decoration:none} .footerCommerce{min-height:74px;border-top:1px solid #2b2734;border-bottom:1px solid #2b2734;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center} .paymentMethods,.footerSocial{display:flex;align-items:center;gap:10px} .paymentMethods>b,.footerSocial>b{color:#85808f;font:700 9px var(--font-mono),monospace;letter-spacing:2px;margin-right:8px} .paymentMethods>span{height:23px;min-width:38px;padding:0 6px;background:#fff;color:#17246d;display:grid;place-items:center;font:800 8px Arial,sans-serif;border-radius:1px} .paymentMethods .mastercard{color:#ed1c24;letter-spacing:-6px;padding-right:10px}.paymentMethods .crypto{min-width:23px;border-radius:50%;background:#f7931a;color:#fff;font-size:13px;padding:0} .footerSocial{justify-content:center}.footerSocial a{width:32px;height:32px;border:1px solid #35313e;display:grid;place-items:center;color:#aaa5b2}.footerSocial svg{width:16px;height:16px;fill:currentColor}.footerSocial a:hover{color:#fff;border-color:#77717f} .clientCurrency{justify-self:end;border:1px solid #35313e;padding:9px 13px;color:#bbb7c2;font:700 9px var(--font-mono),monospace;letter-spacing:1.2px} .cyberFooter .cyberFooterBottom{min-height:62px;margin:0;padding:16px 0 12px;border:0;display:flex;align-items:center;justify-content:space-between;color:#817c89;font:10px var(--font-mono),monospace} .cyberFooterBottom>div{display:flex;flex-direction:column;gap:5px}.cyberFooterBottom small{font-size:8px;letter-spacing:1px;color:#5f5a67}.cyberFooterBottom nav{display:flex;gap:10px;align-items:center}.cyberFooterBottom nav a{color:#bbb7c2;font-family:var(--font-sans),Arial,sans-serif;font-size:11px}.cyberFooterBottom nav i{font-style:normal;color:#514d58} @media(max-width:950px){.footerIntro{min-height:150px}.footerProof{max-width:430px;line-height:2}.cyberFooter .cyberFooterGrid{grid-template-columns:repeat(3,1fr);gap:35px}.footerCommerce{grid-template-columns:1fr 1fr}.clientCurrency{display:none}.cyberFooter .cyberFooterBottom{align-items:flex-start;gap:20px}.cyberFooterBottom nav{flex-wrap:wrap;justify-content:flex-end}} @media(max-width:620px){.cyberFooter .cyberContainer{width:calc(100% - 32px)}.footerIntro{display:block;padding:35px 0}.footerProof{padding-top:28px;text-align:left}.cyberFooter .cyberFooterGrid{grid-template-columns:repeat(2,1fr);gap:20px 28px;padding:38px 0 25px}.footerCommerce{grid-template-columns:1fr;gap:20px;padding:22px 0}.footerSocial{justify-content:flex-start}.paymentMethods{flex-wrap:wrap}.cyberFooter .cyberFooterBottom{display:block;padding:22px 0}.cyberFooterBottom nav{justify-content:flex-start;margin-top:20px;line-height:1.8}} /* Infrastructure catalogue cards */ .cyberServiceGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #d8cef8;border-left:1px solid #d8cef8} .cyberServiceGrid.cyberServiceGridSecondary{grid-template-columns:repeat(3,1fr);margin-top:24px} .cyberServiceCard{position:relative;display:flex;flex-direction:column;min-height:362px;padding:24px;border:0;border-right:1px solid #d8cef8;border-bottom:1px solid #d8cef8;border-radius:0;background:#fff;overflow:hidden} .cyberServiceCard:hover{transform:none;box-shadow:inset 0 0 0 1px #6d40d8;border-color:#6d40d8;z-index:2} .cyberServiceCard .cyberCardLabel{position:absolute;right:0;top:0;padding:7px 11px;background:#f4f0ff;color:#6d40d8;font:800 8px var(--font-mono),monospace;letter-spacing:1.5px} .cyberServiceGrid:not(.cyberServiceGridSecondary) .cyberServiceCard:first-child .cyberCardLabel,.cyberServiceCard.featured .cyberCardLabel{background:#6d40d8;color:#fff} .cyberServiceCard.featured{background:#f6f2ff} .serviceMachine{height:100px;width:100px;position:relative;display:grid;place-items:center;color:#6d40d8;margin:0 auto 18px} .serviceIconGlyph{display:block;width:100%;height:100%;background-color:#6d40d8;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:background-color .2s} .cyberServiceCard:hover .serviceIconGlyph{background-color:#4c2ba3} .cyberServiceGridSecondary .cyberServiceCard{display:grid;grid-template-columns:1fr 140px;align-items:center;column-gap:18px;min-height:220px} .cyberServiceGridSecondary .serviceMachine{grid-column:2;grid-row:1;height:140px;width:140px;margin:0} .cyberServiceGridSecondary .serviceCopy{grid-column:1;grid-row:1} .serviceCopy{display:flex;flex:1 1;flex-direction:column}.cyberServiceCard h3{font-size:20px;margin:8px 0 7px;letter-spacing:-.5px}.cyberServiceCard h3 a{color:inherit;text-decoration:none}.cyberServiceCard h3 a:hover{color:#6d40d8}.cyberServiceCard .serviceCopy>p{height:auto;min-height:60px;margin:0;color:#5f5a68;font-size:12px;line-height:1.55}.serviceCopy>small{display:block;margin-top:12px;padding-bottom:14px;border-bottom:1px solid #e4deef;color:#777083;font:500 8px var(--font-mono),monospace;letter-spacing:.7px}.cyberServiceCard .servicePrice{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:15px;color:#6d40d8}.cyberServiceCard .servicePrice strong{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cyberServiceCard .servicePrice a{color:#6d40d8;font:800 14px var(--font-mono),monospace;flex-shrink:0} @media(max-width:980px){.cyberServiceGrid{grid-template-columns:repeat(2,1fr)}.cyberServiceGrid.cyberServiceGridSecondary{grid-template-columns:repeat(2,1fr)}.cyberServiceGridSecondary .cyberServiceCard:last-child:nth-child(odd){grid-column:1/-1}.cyberServiceGridSecondary .cyberServiceCard{display:flex;flex-direction:column;min-height:362px}.cyberServiceGridSecondary .serviceMachine{height:100px;width:100px;margin:0 auto 18px}} @media(max-width:560px){.cyberServiceGrid,.cyberServiceGrid.cyberServiceGridSecondary{grid-template-columns:1fr}.cyberServiceCard{min-height:335px}} /* Hero infrastructure unit sheet */ .cyberUnitSheet{position:relative;min-height:365px;padding:31px 30px 24px;background:#fff;border:1px solid #ddd5f2;box-shadow:0 20px 45px #301a6812} .cyberUnitSheet .corner{position:absolute;width:11px;height:11px;border-color:#693ed7}.cyberUnitSheet .tl{left:-1px;top:-1px;border-left:2px solid;border-top:2px solid}.cyberUnitSheet .tr{right:-1px;top:-1px;border-right:2px solid;border-top:2px solid}.cyberUnitSheet .bl{left:-1px;bottom:-1px;border-left:2px solid;border-bottom:2px solid}.cyberUnitSheet .br{right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid} .unitLabel{display:block;color:#6d40d8;font:800 9px var(--font-mono),monospace;letter-spacing:2px}.cyberUnitSheet h2{margin:9px 0 15px;font-size:25px;line-height:1.1;letter-spacing:-.7px}.cyberUnitSheet>p{margin:0 0 18px;color:#625d69;font-size:12px;line-height:1.65}.cyberUnitSheet dl{margin:0;border-top:1px solid #e1dced}.cyberUnitSheet dl>div{display:flex;justify-content:space-between;align-items:center;min-height:38px;border-bottom:1px solid #e7e2f0}.cyberUnitSheet dt{color:#888291;font:500 8px var(--font-mono),monospace;letter-spacing:1.5px}.cyberUnitSheet dd{margin:0;color:#211e26;font:700 9px var(--font-mono),monospace;letter-spacing:.5px;text-align:right}.cyberUnitSheet footer{display:flex;justify-content:space-between;padding-top:17px;color:#777180;font:500 8px var(--font-mono),monospace;letter-spacing:1.2px}.cyberUnitSheet footer b{color:#6d40d8}.cyberUnitSheet footer span{color:#388f5d} @media(max-width:850px){.cyberUnitSheet{min-height:340px}} @media(max-width:520px){.cyberUnitSheet{padding:25px 20px 20px}.cyberUnitSheet h2{font-size:21px}.cyberUnitSheet dl>div{align-items:flex-start;gap:12px;padding:11px 0}.cyberUnitSheet dd{max-width:62%;line-height:1.5}.cyberUnitSheet footer{gap:12px}.cyberUnitSheet footer span{text-align:right}} /* Large editorial hero inspired by infrastructure schematics */ .cyberHero{padding:72px 0 82px}.cyberHeroGrid{opacity:1;background-image:linear-gradient(45deg,transparent 49%,#7145d70b 49.5%,#7145d70b 50.5%,transparent 51%),linear-gradient(-45deg,transparent 49%,#7145d70b 49.5%,#7145d70b 50.5%,transparent 51%);background-size:54px 54px} .cyberHeroLayout{grid-template-columns:1.05fr .95fr;gap:64px}.cyberHeroCopy{max-width:660px}.heroMeta{display:flex;align-items:center;color:#817b89;font:500 9px var(--font-mono),monospace;letter-spacing:1.5px}.heroMeta b{color:#6d40d8;font-weight:700;white-space:nowrap}.heroMeta i{height:1px;min-width:55px;flex:1 1;margin:0 14px;background:#cfc3ef}.heroMeta span{white-space:nowrap}.cyberHero .cyberHeroCopy h1{margin:32px 0 88px;font-size:clamp(70px,7vw,104px);line-height:.83;letter-spacing:-6px;font-weight:800}.cyberHero .cyberHeroCopy>p{max-width:610px;color:#5f5a68;font-size:17px;line-height:1.65}.cyberHeroCopy .cyberActions{gap:12px;margin:34px 0}.heroDeploy,.heroNetwork{min-height:55px;padding:0 29px;display:inline-flex;align-items:center;justify-content:center;font:800 10px var(--font-mono),monospace;letter-spacing:1.8px}.heroDeploy{background:#6d40d8;color:#fff;clip-path:polygon(0 0,100% 0,100% 80%,94% 100%,0 100%)}.heroDeploy span{margin-left:25px;font-size:16px}.heroNetwork{border:1px solid #17141c;background:#fff;color:#17141c}.heroDeploy:hover{background:#5831bc}.heroNetwork:hover{background:#17141c;color:#fff}.heroTrust{display:flex;gap:0;color:#5f5968;font:600 8px var(--font-mono),monospace;letter-spacing:.5px}.heroTrust span{padding:0 15px;border-right:1px solid #ddd7e8}.heroTrust span:first-child{padding-left:0}.heroTrust span::first-letter{color:#6d40d8} @media(max-width:1050px){.cyberHero .cyberHeroCopy h1{font-size:72px;letter-spacing:-4px;margin-bottom:55px}.cyberHeroLayout{gap:38px}.heroMeta{font-size:8px}.heroMeta i{min-width:25px}} @media(max-width:850px){.cyberHero{padding-top:55px}.cyberHeroLayout{grid-template-columns:1fr}.cyberHero .cyberHeroCopy h1{font-size:72px;margin:30px 0 42px}.cyberHero .cyberHeroCopy>p{font-size:15px}.cyberUnitSheet{margin-top:15px}} @media(max-width:520px){.heroMeta i{display:none}.heroMeta{justify-content:space-between;gap:12px}.heroMeta b{white-space:normal}.cyberHero .cyberHeroCopy h1{font-size:56px;letter-spacing:-3px}.cyberHeroCopy .cyberActions{align-items:stretch;flex-direction:column}.heroDeploy,.heroNetwork{width:100%}.heroTrust{flex-wrap:wrap;gap:10px}.heroTrust span{padding:0 10px}.heroTrust span:nth-child(2){border-right:0}.heroTrust span:last-child{padding-left:0}} /* Continuous powered-by ticker and alternating stat blocks */ .poweredTicker{height:38px;overflow:hidden;border-top:1px solid #ded8eb;border-bottom:1px solid #ded8eb;background:#fbfaff;color:#777180;font:500 9px var(--font-mono),monospace;letter-spacing:.4px;white-space:nowrap} .poweredTrack{display:flex;width:max-content;height:100%;animation:poweredScroll 34s linear infinite}.poweredTrack>div{display:flex;align-items:center;height:100%}.poweredTrack span{display:inline-flex;align-items:center;padding:0 17px;border-right:1px solid #e8e3ef}.poweredTrack i{margin-right:7px;color:#7044da;font-style:normal;font-weight:800}.poweredTicker:hover .poweredTrack{animation-play-state:paused} .cyberStats{margin-bottom:0;transform:none;border-top:0}.cyberStats div:nth-child(odd){background:#fff}.cyberStats div:nth-child(even){background:#f5f5f7}.cyberStats div{transition:background .2s}.cyberStats div:hover{background:#f0ebff}.cyberStats b{color:#17141c}.cyberStats div:nth-child(even) b{color:#6d40d8} @keyframes poweredScroll{to{transform:translateX(-50%)}} @media(max-width:850px){.poweredTicker{height:34px}.poweredTrack{animation-duration:27s}} @media(prefers-reduced-motion:reduce){.poweredTrack{animation:none}} /* Cybernet infrastructure ownership ledger */ .cyberOwnership{padding:56px 0 90px;background:#fff;color:#17141c}.ownershipIndex{display:flex;align-items:center;color:#777180;font:600 8px var(--font-mono),monospace;letter-spacing:1.8px}.ownershipIndex b{color:#6d40d8}.ownershipIndex span{margin-left:18px}.ownershipIndex i{height:1px;flex:1 1;margin:0 20px;background:#dcd5eb}.ownershipIndex em{font-style:normal;white-space:nowrap}.ownershipIntro{max-width:650px;margin:25px 0 45px}.ownershipIntro h2{margin:0 0 18px;font-size:clamp(43px,4.7vw,64px);line-height:.92;letter-spacing:-3.5px}.ownershipIntro p{max-width:600px;color:#625d69;font-size:13px;line-height:1.7}.ownershipLayout{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.ownershipLedger{position:relative;border:1px solid #dcd5eb}.ownershipLedger:before,.ownershipLedger:after{content:"";position:absolute;width:9px;height:9px;border-left:2px solid #6d40d8;left:-1px}.ownershipLedger:before{top:-1px;border-top:2px solid #6d40d8}.ownershipLedger:after{bottom:-1px;border-bottom:2px solid #6d40d8}.ownershipLedger>header{height:40px;display:grid;grid-template-columns:105px 1fr 1fr;align-items:center;padding:0 20px;border-bottom:1px solid #e3ddec;color:#777180;font:600 7px var(--font-mono),monospace;letter-spacing:1.4px}.ownershipLedger>header b{color:#6d40d8}.ownershipLedger>header em{font-style:normal}.ledgerRow{min-height:62px;display:grid;grid-template-columns:105px 1fr 1fr;align-items:center;padding:0 20px;border-bottom:1px solid #e7e1ef}.ledgerRow>strong{font:800 7px var(--font-mono),monospace;letter-spacing:1px}.ledgerRow section{min-height:39px;padding:8px 14px;border-left:1px solid #6d40d8;background:#f3efff}.ledgerRow section:last-child{margin-left:13px;border-left-color:#d5cedf;background:#fff}.ledgerRow section b,.ledgerRow section small{display:block;font-family:var(--font-mono),monospace}.ledgerRow section b{color:#5630bf;font-size:8px;letter-spacing:.4px}.ledgerRow section:last-child b{color:#777180}.ledgerRow section small{margin-top:4px;color:#6e6876;font-size:7px}.ownershipLedger>footer{height:48px;padding:17px 20px;background:#f6f3fc;color:#686270;font-size:10px}.ownershipFeatures{display:grid;gap:12px}.ownershipFeatures article{min-height:96px;border:1px solid #ddd6eb;padding:18px 20px;display:grid;grid-template-columns:45px 1fr;gap:14px;align-items:center}.ownershipFeatures article>i{width:42px;height:42px;display:grid;place-items:center;border:1px solid #d8cbfa;background:#f5f1ff;color:#7548df;font-style:normal;font-size:18px}.ownershipFeatures h3{font-size:15px;margin:0 0 7px}.ownershipFeatures p{margin:0;color:#686270;font-size:10px;line-height:1.55}.ownershipTimeline{height:70px;margin-top:14px;padding:0 24px;border:1px solid #ddd6eb;display:grid;grid-template-columns:90px repeat(6,1fr);align-items:center;color:#777180;font:600 7px var(--font-mono),monospace;letter-spacing:1.4px}.ownershipTimeline>b{font-size:7px}.ownershipTimeline span{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}.ownershipTimeline strong{color:#17141c;font-size:7px}.ownershipTimeline span:last-child strong{color:#6d40d8}.ownershipTimeline span i{width:7px;height:7px;background:#6d40d8}.ownershipTimeline span:not(:last-child):after{content:"";position:absolute;left:50%;top:20px;width:100%;height:1px;background:#d8d0e7}.ownershipTimeline small{font-size:6px;color:#837d8b} @media(max-width:900px){.ownershipLayout{grid-template-columns:1fr}.ownershipFeatures{grid-template-columns:repeat(2,1fr)}.ownershipTimeline{grid-template-columns:70px repeat(6,1fr)}} @media(max-width:620px){.cyberOwnership{padding:44px 0 65px}.ownershipIndex em{display:none}.ownershipIntro h2{font-size:43px}.ownershipLedger{overflow-x:auto}.ownershipLedger>header,.ledgerRow{min-width:600px}.ownershipFeatures{grid-template-columns:1fr}.ownershipTimeline{height:auto;grid-template-columns:1fr;padding:20px;gap:15px}.ownershipTimeline>b{margin-bottom:5px}.ownershipTimeline span{align-items:flex-start;display:grid;grid-template-columns:65px 10px 1fr}.ownershipTimeline span:not(:last-child):after{display:none}} /* Keep desktop transitions between homepage sections compact. */ @media(min-width:851px){.cyberServicesSection{padding-bottom:28px}.cyberOwnership{padding-top:28px;padding-bottom:28px}.cyberValue{padding-top:28px}} /* Clear navigation underline */ .header .navlinks>a,.header .navlinks>button{position:relative;box-shadow:none!important} .header .navlinks>a:after,.header .navlinks>button:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;background:#6840d2;transform:scaleX(0);transform-origin:center;transition:transform .2s ease} .header .navlinks>a:hover:after,.header .navlinks>button:hover:after,.header .navlinks>button.active:after{transform:scaleX(1)} .header .navlinks>button.active{color:#5e3fc7;background:#f7f4ff} .header{border-bottom:1px solid #d8d2e4} .header .nav{position:relative} .header .nav:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#d8d2e4;pointer-events:none} .header .navlinks>a:after,.header .navlinks>button:after{height:3px;bottom:-1px;z-index:2} @media(max-width:850px){.header{border-bottom-color:#d8d2e4}.header .nav:after{left:-15px;right:-15px}} /* Shared site shell used by every route */ .siteWidth{width:min(1264px,calc(100% - 44px));margin:auto}.siteHeader{height:101px;position:relative;z-index:50;background:#fff;border-bottom:1px solid #d8d2e4}.siteUtility{height:36px;background:#f7f5fd;border-bottom:1px solid #ddd8e8;color:#585260;font:700 8px var(--font-mono),monospace;letter-spacing:1.1px}.siteUtility .siteWidth{height:100%;display:flex;align-items:center;gap:25px}.siteUtility nav{margin-left:auto;display:flex;align-items:center;height:100%;gap:20px}.siteUtility nav b{color:#5f3bc6}.siteNav{height:65px;display:flex;align-items:center}.siteLogo{width:220px}.siteLogo img{display:block;width:145px;height:auto}.siteNav>nav{height:100%;display:flex;align-items:center;margin-left:auto}.siteNav>nav>a,.siteNav>nav>button{position:relative;height:100%;padding:0 11px;border:0;background:none;font:600 12px var(--font-sans),Arial;cursor:pointer}.siteNav>nav>a:after,.siteNav>nav>button:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:3px;background:#6840d2;transform:scaleX(0);transition:transform .2s}.siteNav>nav>a:hover:after,.siteNav>nav>button:hover:after,.siteNav>nav>button.active:after{transform:scaleX(1)}.siteNav>nav>button.active{color:#5f3bc6;background:#f7f4ff}.siteAction{width:105px;height:40px;margin-left:28px;background:#6041bd;color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;font:800 9px var(--font-mono),monospace;letter-spacing:1px;clip-path:polygon(0 0,100% 0,100% 76%,88% 100%,0 100%)}.siteBurger{display:none;border:0;background:none;font-size:22px}.siteMega{position:absolute;left:0;right:0;top:101px;background:#fff;border-bottom:1px solid #d8d2e4;box-shadow:0 20px 35px #34216818}.siteMegaMeta{height:32px;background:#f7f5fd;border-bottom:1px solid #ddd8e8}.siteMegaMeta .siteWidth{height:100%;display:flex;align-items:center;justify-content:space-between;color:#6b43cc;font:700 8px var(--font-mono),monospace;letter-spacing:1.5px}.siteMegaBody{display:grid;grid-template-columns:1fr 280px;min-height:240px;border-left:1px solid #ddd8e8;border-right:1px solid #ddd8e8}.siteMegaBody>div{padding:22px 28px;display:grid;grid-template-columns:repeat(2,1fr);gap:0 30px}.siteMegaLabel{grid-column:1/-1;padding-bottom:12px;border-bottom:2px solid #18151c;font:800 9px var(--font-mono),monospace;letter-spacing:1.5px}.siteMegaLabel b{float:right;color:#817b89}.siteMegaBody>div>a{height:62px;border-bottom:1px dotted #d7d0e3;display:grid;grid-template-columns:30px 1fr 20px;align-items:center}.siteMegaBody>div>a>i{font:500 8px var(--font-mono),monospace;color:#817b89}.siteMegaBody>div>a span b,.siteMegaBody>div>a span small{display:block}.siteMegaBody>div>a span b{font-size:13px}.siteMegaBody>div>a span small{margin-top:4px;color:#716b78;font-size:10px}.siteMegaBody>div>a strong{color:#6941d1}.siteMegaBody aside{padding:26px;background:#f7f5fd;display:flex;flex-direction:column}.siteMegaBody aside>b{color:#6840d2;font:800 9px var(--font-mono),monospace;letter-spacing:1.5px}.siteMegaBody aside p{color:#625c69;font-size:12px;line-height:1.7}.siteMegaBody aside a{margin-top:auto;padding:13px;background:#6041bd;color:#fff;text-align:center;font:800 8px var(--font-mono),monospace}.siteMobile{display:none} .sharedFooter{background:#121018;color:#c9c5d1}.sharedFooterTop{min-height:175px;padding:42px 0 35px;border-bottom:1px solid #2c2835;display:flex;justify-content:space-between}.sharedFooterTop img{width:148px;filter:brightness(0) invert(1)}.sharedFooterTop div>p{color:#898390;font-size:12px}.sharedFooterTop div>span{color:#aaa5b2;font:700 8px var(--font-mono),monospace;letter-spacing:1.4px}.sharedFooterTop div>span i{display:inline-block;width:8px;height:8px;margin-right:8px;background:#31c76a}.sharedFooterTop>p{color:#85808f;font:500 8px var(--font-mono),monospace;letter-spacing:1.2px}.sharedFooterGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:45px;padding:44px 0}.sharedFooterGrid section{display:flex;flex-direction:column;gap:10px}.sharedFooterGrid section>b{margin-bottom:7px;color:#8e8998;font:700 8px var(--font-mono),monospace;letter-spacing:1.8px}.sharedFooterGrid a{color:#cbc7d1;font-size:12px}.sharedFooterGrid a:hover{color:#fff}.sharedCommerce{min-height:74px;border-top:1px solid #2c2835;border-bottom:1px solid #2c2835;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.sharedCommerce>div{display:flex;align-items:center;gap:10px}.sharedCommerce>div:nth-child(2){justify-content:center}.sharedCommerce b{color:#85808f;font:700 8px var(--font-mono),monospace;letter-spacing:1.4px}.sharedCommerce span{padding:6px 8px;background:#fff;color:#282255;font:800 8px Arial}.sharedCommerce svg{width:15px;height:15px;fill:currentColor}.sharedCommerce>div:nth-child(2) a{width:31px;height:31px;border:1px solid #35313e;display:grid;place-items:center}.sharedCommerce>a{justify-self:end;color:#bbb7c2;border:1px solid #35313e;padding:9px 12px;font:700 8px var(--font-mono),monospace}.sharedLegal{min-height:62px;display:flex;align-items:center;justify-content:space-between;color:#817c89;font:500 8px var(--font-mono),monospace}.sharedLegal nav{display:flex;gap:18px}.sharedLegal nav a{color:#bbb7c2} /* Internal product pages */ .innerPage{background:#fff}.innerHero{position:relative;padding:72px 0}.innerPattern,.companyHero .innerPattern,.innerCta .innerPattern{position:absolute;inset:0;background-image:linear-gradient(45deg,transparent 49%,#7041d70b 49.5%,#7041d70b 50.5%,transparent 51%),linear-gradient(-45deg,transparent 49%,#7041d70b 49.5%,#7041d70b 50.5%,transparent 51%);background-size:54px 54px}.innerHeroGrid{position:relative;display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center}.innerHeroGrid>div>span,.pagePlans header>span,.pageFeatures header>span,.companyHero .siteWidth>span{color:#6c40d4;font:800 9px var(--font-mono),monospace;letter-spacing:2px}.innerHero h1,.companyHero h1{max-width:680px;margin:20px 0;font-size:clamp(52px,5.7vw,78px);line-height:.92;letter-spacing:-4px}.innerHeroGrid>div>p,.companyHero .siteWidth>p{max-width:600px;color:#625d69;font-size:15px;line-height:1.7}.innerHeroGrid>div>div{display:flex;gap:12px;margin-top:28px}.innerHeroGrid>div>div a{padding:16px 23px;border:1px solid #17141c;font:800 9px var(--font-mono),monospace;letter-spacing:1px}.innerHeroGrid>div>div a:first-child{background:#6940d2;color:#fff;border-color:#6940d2}.innerHero aside{position:relative;padding:30px;background:#fff;border:1px solid #dcd4ee}.innerHero aside>span{color:#6c40d4;font:800 8px var(--font-mono),monospace;letter-spacing:1.5px}.innerHero aside h2{font-size:27px}.innerHero aside dl{margin:25px 0 0}.innerHero aside dl div{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid #e4deec;font:700 8px var(--font-mono),monospace}.innerHero aside dt{color:#837d8a}.innerHero aside dd{margin:0}.innerTicker{height:37px;overflow:hidden;border:1px solid #dfd9e8;color:#777180;font:500 8px/37px var(--font-mono),monospace;white-space:nowrap}.innerTicker div{width:max-content;animation:tickerMove 25s linear infinite}.pagePlans{padding:90px 0}.pagePlans>header{max-width:700px}.pagePlans h2,.pageFeatures h2{font-size:42px;letter-spacing:-2px;margin:12px 0}.pagePlans header p{color:#686270}.pagePlans>div{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;border-left:1px solid #dcd5e8;border-top:1px solid #dcd5e8}.pagePlans article{min-height:285px;padding:26px;border-right:1px solid #dcd5e8;border-bottom:1px solid #dcd5e8;display:flex;flex-direction:column}.pagePlans article>span{color:#6c40d4;font:700 8px var(--font-mono),monospace}.pagePlans article h3{font-size:22px;margin:35px 0 10px}.pagePlans article p{color:#686270}.pagePlans article small{padding-top:15px;border-top:1px solid #e5dfed;color:#777180;font:600 8px var(--font-mono),monospace}.pagePlans article a{margin-top:auto;color:#6c40d4;font:800 9px var(--font-mono),monospace}.pageFeatures{padding:85px 0;background:#f7f5fb}.pageFeatures header{text-align:center}.pageFeatures .siteWidth>div{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;border-left:1px solid #dcd5e8;border-top:1px solid #dcd5e8}.pageFeatures article{height:72px;padding:0 20px;background:#fff;border-right:1px solid #dcd5e8;border-bottom:1px solid #dcd5e8;display:grid;grid-template-columns:35px 1fr 20px;align-items:center}.pageFeatures article i{color:#6c40d4;font:normal 8px var(--font-mono),monospace}.pageFeatures article b{font-size:12px}.pageFeatures article span{color:#36a365}.innerCta{position:relative;padding:90px 20px;background:#121018;color:#fff;text-align:center}.innerCta>div:last-child{position:relative}.innerCta>div>span{color:#a889ff;font:700 8px var(--font-mono),monospace;letter-spacing:2px}.innerCta h2{font-size:55px;letter-spacing:-3px;margin:20px}.innerCta p{color:#918b9b}.innerCta a{display:inline-flex;margin:20px 5px 0;padding:16px 22px;border:1px solid #4b4558;color:#fff;font:800 8px var(--font-mono),monospace}.innerCta a:first-of-type{background:#fff;color:#17141c;border-color:#fff} /* Company and legal pages */ .companyHero{position:relative;padding:100px 0}.companyHero .siteWidth{position:relative}.companyHero h1{max-width:760px}.companySections{padding:70px 0;display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid #ddd6e9;border-top:1px solid #ddd6e9}.companySections article{min-height:290px;padding:30px;border-right:1px solid #ddd6e9;border-bottom:1px solid #ddd6e9}.companySections article>span{color:#6c40d4;font:700 8px var(--font-mono),monospace}.companySections h2{margin-top:45px;font-size:25px}.companySections p{color:#686270;line-height:1.7}.companySections a{display:block;margin-top:30px;color:#6c40d4;font:800 8px var(--font-mono),monospace}.companyProof{padding:60px 0;background:#f7f5fb}.companyProof .siteWidth{display:grid;grid-template-columns:repeat(4,1fr)}.companyProof .siteWidth div{padding:25px;border-right:1px solid #ddd6e9}.companyProof b,.companyProof span{display:block}.companyProof b{font-size:30px}.companyProof span{margin-top:8px;color:#777180;font:700 8px var(--font-mono),monospace}.legalPage>section{padding:80px 0;background:#f7f5fb;border-bottom:1px solid #ddd6e9}.legalPage>section span{color:#6c40d4;font:700 8px var(--font-mono),monospace;letter-spacing:2px}.legalPage>section h1{font-size:55px;letter-spacing:-3px;margin:18px 0}.legalPage>section p{max-width:650px;color:#686270;font-size:15px}.legalPage>section small{display:block;margin-top:25px;color:#888290;font:500 8px var(--font-mono),monospace}.legalLayout{display:grid;grid-template-columns:260px 1fr;gap:70px;padding:70px 0}.legalLayout>aside{position:sticky;top:25px;height:max-content;display:flex;flex-direction:column;border:1px solid #ddd6e9}.legalLayout>aside b{padding:15px;background:#f7f5fb;font:800 8px var(--font-mono),monospace;letter-spacing:1.5px}.legalLayout>aside a{padding:10px 15px;border-top:1px solid #e5dfed;color:#625d69;font-size:10px}.legalLayout>article>section{padding:0 0 40px;margin-bottom:40px;border-bottom:1px solid #ddd6e9}.legalLayout>article span{color:#6c40d4;font:700 8px var(--font-mono),monospace}.legalLayout>article h2{font-size:27px;margin:10px 0 18px}.legalLayout>article p{color:#5f5967;font-size:13px;line-height:1.8} @media(max-width:900px){.siteUtility{display:none}.siteHeader{height:72px}.siteNav{height:72px}.siteNav>nav,.siteAction{display:none}.siteLogo{width:auto}.siteBurger{display:block;margin-left:auto}.siteMega{display:none}.siteMobile{position:fixed;display:block;inset:0;z-index:100;background:#fff;overflow:auto;padding-bottom:30px}.siteMobile>header{height:70px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd6e9}.siteMobile>header img{width:135px}.siteMobile>header button{border:0;background:none;font-size:28px}.siteMobile>a,.siteMobile section>button{width:100%;height:54px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid #ddd6e9;background:#fff;font-weight:700}.siteMobile section>div a{height:43px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:#f8f6fc;border-bottom:1px solid #e4deeb}.siteMobile .mobileClient{margin-top:20px;background:#6041bd;color:#fff}.sharedFooterGrid{grid-template-columns:repeat(3,1fr)}.innerHeroGrid{grid-template-columns:1fr}.pageFeatures .siteWidth>div{grid-template-columns:repeat(2,1fr)}.companySections{grid-template-columns:1fr}.legalLayout{grid-template-columns:1fr}.legalLayout>aside{position:static}.sharedCommerce{grid-template-columns:1fr 1fr}.sharedCommerce>a{display:none}} @media(max-width:600px){.siteWidth{width:calc(100% - 32px)}.sharedFooterTop{display:block}.sharedFooterTop>p{margin-top:25px;line-height:2}.sharedFooterGrid{grid-template-columns:repeat(2,1fr);gap:30px}.sharedCommerce{grid-template-columns:1fr;gap:18px;padding:20px 0}.sharedCommerce>div:nth-child(2){justify-content:flex-start}.sharedLegal{display:block;padding:20px 0}.sharedLegal nav{margin-top:15px;flex-wrap:wrap}.innerHero h1,.companyHero h1{font-size:48px;letter-spacing:-2.5px}.innerHeroGrid>div>div{flex-direction:column}.pagePlans>div,.pageFeatures .siteWidth>div{grid-template-columns:1fr}.pagePlans h2,.pageFeatures h2{font-size:34px}.innerCta h2{font-size:44px}.companyProof .siteWidth{grid-template-columns:repeat(2,1fr)}.legalPage>section h1{font-size:43px}.legalLayout{padding-top:40px}} .sharedTicker{height:38px;overflow:hidden;border-top:1px solid #ded8eb;border-bottom:1px solid #ded8eb;background:#fbfaff;color:#777180;font:500 8px var(--font-mono),monospace;white-space:nowrap}.sharedTicker>div{display:flex;width:max-content;height:100%;animation:poweredScroll 34s linear infinite}.sharedTicker section{display:flex;align-items:center}.sharedTicker span{height:100%;padding:0 17px;border-right:1px solid #e7e1ee;display:flex;align-items:center}.sharedTicker i{margin-right:8px;color:#6d40d8;font-style:normal}.sharedTicker:hover>div{animation-play-state:paused} .sharedCta{position:relative;overflow:hidden;padding:90px 20px;background:#121018;color:#fff;text-align:center}.sharedCtaPattern,.legalPattern{position:absolute;inset:0;background-image:linear-gradient(45deg,transparent 49%,#9876ef0d 49.5%,#9876ef0d 50.5%,transparent 51%),linear-gradient(-45deg,transparent 49%,#9876ef0d 49.5%,#9876ef0d 50.5%,transparent 51%),radial-gradient(circle at 50% 0,#6f42d725,transparent 44%);background-size:58px 58px,58px 58px,100% 100%}.sharedCta>div:last-child{position:relative}.sharedCta>div>span{color:#a889ff;font:700 8px var(--font-mono),monospace;letter-spacing:2px}.sharedCta h2{max-width:900px;margin:20px auto;font-size:clamp(48px,5.4vw,74px);line-height:.92;letter-spacing:-4px}.sharedCta p{max-width:600px;margin:auto;color:#918b9b;line-height:1.7}.sharedCta nav{display:flex;justify-content:center;gap:12px;margin-top:32px}.sharedCta nav a{padding:16px 24px;border:1px solid #4b4558;color:#fff;font:800 8px var(--font-mono),monospace;letter-spacing:1.2px}.sharedCta nav a:first-child{background:#fff;color:#17141c;border-color:#fff}.sharedCta footer{display:flex;justify-content:center;gap:25px;margin-top:25px;color:#777180;font:600 7px var(--font-mono),monospace}.legalPage>section{position:relative;overflow:hidden}.legalPage>section>.siteWidth{position:relative} @media(max-width:600px){.sharedCta{padding:70px 18px}.sharedCta h2{font-size:45px;letter-spacing:-2.5px}.sharedCta nav{flex-direction:column}.sharedCta footer{flex-wrap:wrap;gap:12px}} /* Full-width dark final CTA */ .cyberCta{position:relative;overflow:hidden;padding:0;background:#121018;color:#fff;border-bottom:1px solid #292532}.cyberCta .ctaPattern{position:absolute;inset:0;background-image:linear-gradient(45deg,transparent 49%,#9876ef0d 49.5%,#9876ef0d 50.5%,transparent 51%),linear-gradient(-45deg,transparent 49%,#9876ef0d 49.5%,#9876ef0d 50.5%,transparent 51%),radial-gradient(circle at 50% 0,#6f42d728,transparent 42%);background-size:58px 58px,58px 58px,100% 100%}.cyberCta .cyberContainer{position:relative;width:100%;max-width:none;padding:92px 24px 88px;text-align:center;border-radius:0;background:transparent}.cyberCta .cyberEyebrow{color:#a889ff;font:700 9px var(--font-mono),monospace;letter-spacing:2.5px}.cyberCta h2{margin:22px auto 20px;font-size:clamp(50px,5.7vw,78px);line-height:.9;letter-spacing:-4px}.cyberCta p{max-width:580px;margin:0 auto;color:#918b9b;font-size:13px;line-height:1.7}.cyberCta .cyberActions{justify-content:center;margin:34px 0 25px}.cyberCta .cyberButton{min-height:52px;padding:0 28px;font:800 9px var(--font-mono),monospace;letter-spacing:1.5px}.cyberCta .cyberButton.light{position:relative;background:#fff;color:#17141c;border-color:#fff;clip-path:polygon(0 0,100% 0,100% 80%,94% 100%,0 100%)}.cyberCta .cyberButton.light span{margin-left:18px;font-size:15px}.cyberCta .cyberButton.outline{background:transparent;border-color:#4b4558;color:#fff}.cyberCta .cyberButton.outline:hover{background:#fff;color:#17141c}.ctaGuarantees{display:flex;justify-content:center;gap:25px;color:#777180;font:500 7px var(--font-mono),monospace;letter-spacing:.7px}.ctaGuarantees span::first-letter{color:#9c7af2} @media(max-width:650px){.cyberCta .cyberContainer{padding:70px 20px 65px}.cyberCta h2{font-size:48px;letter-spacing:-2.5px}.cyberCta .cyberActions{align-items:stretch;flex-direction:column;max-width:340px;margin-left:auto;margin-right:auto}.cyberCta .cyberButton{width:100%}.ctaGuarantees{flex-wrap:wrap;gap:12px 18px}} /* Interactive package ladder */ .pagePlans{background:#f8f6fd}.pagePlans>.siteWidth{display:block;margin-left:auto;margin-right:auto;margin-top:0;border:0}.pagePlans>.siteWidth>header{max-width:760px}.planLadder{margin-top:46px;border:1px solid #d9d1e8;background:#fff;font-family:var(--font-mono),monospace}.ladderTop{height:52px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd6e9;color:#777080;font-size:8px;letter-spacing:1.3px}.billingToggle{display:flex;border:1px solid #ddd6e9}.billingToggle button{height:28px;padding:0 16px;border:0;background:#fff;color:#625c69;font:700 7px var(--font-mono),monospace;letter-spacing:.8px;cursor:pointer}.billingToggle button.active{background:#6c40d4;color:#fff}.selectedPlan{min-height:86px;display:grid;grid-template-columns:125px 1fr 165px 190px;align-items:stretch;background:#faf9fd;border-bottom:1px solid #ddd6e9}.selectedName,.selectedPrice{padding:17px;border-right:1px solid #ddd6e9}.selectedName small,.selectedName b,.selectedPrice small,.selectedPrice em{display:block}.selectedName small,.selectedPlan dt{color:#8a8491;font-size:7px;letter-spacing:1.2px}.selectedName b{margin-top:7px;color:#6c40d4;font-size:17px}.selectedPlan dl{display:grid;grid-template-columns:repeat(4,1fr);margin:0}.selectedPlan dl div{padding:17px;border-right:1px solid #ddd6e9}.selectedPlan dd{margin:9px 0 0;font-size:12px;font-weight:800}.selectedPrice b{color:#6c40d4;font-size:20px}.selectedPrice small{margin-top:2px;color:#777080;font-size:7px}.selectedPrice em{margin-top:7px;color:#9992a1;font-size:6px;font-style:normal}.selectedPlan>a{align-self:center;margin:0 18px;padding:14px 10px;background:#6c40d4;color:#fff;text-align:center;font-size:8px;font-weight:800;letter-spacing:1px}.selectedPlan>a span{float:right}.ladderScale{position:relative;height:118px;padding:34px 0 0}.ladderScale:before{content:"";position:absolute;left:6%;right:6%;top:39px;height:1px;background:repeating-linear-gradient(90deg,#c8bde0 0 1px,transparent 1px 18px)}.ladderScale button{position:absolute;top:34px;transform:translateX(-50%);max-width:140px;padding:20px 0 0;border:0;background:none;text-align:center;font-family:var(--font-mono),monospace;white-space:nowrap;cursor:pointer}.ladderScale button.edgeStart{transform:translateX(0);text-align:left}.ladderScale button.edgeEnd{transform:translateX(-100%);text-align:right}.ladderScale button i{position:absolute;top:0;left:50%;transform:translateX(-50%);width:7px;height:15px;background:#d1c8e1}.ladderScale button.edgeStart i{left:0;transform:none}.ladderScale button.edgeEnd i{left:auto;right:0;transform:none}.ladderScale button.active i{background:#6c40d4}.ladderScale button b,.ladderScale button span,.ladderScale button small{display:block}.ladderScale button b{font-size:8px}.ladderScale button span{margin-top:11px;color:#625c69;font-size:8px}.ladderScale button small{margin-top:7px;color:#948d9c;font-size:7px}.ladderScale button.active b,.ladderScale button.active span{color:#6c40d4}.ladderIncluded{padding:13px 20px;border-top:1px solid #ddd6e9;border-bottom:1px solid #ddd6e9;color:#655f6c;font-size:7px;letter-spacing:1px}.ladderTable{width:100%;border-collapse:collapse;font-size:11px}.ladderTable th{height:42px;padding:0 18px;color:#7d7685;text-align:left;font-size:9px;letter-spacing:1px}.ladderTable td{height:62px;padding:0 18px;border-top:1px solid #e4deec;font-weight:600}.ladderTable tr{cursor:pointer}.ladderTable tbody tr:hover,.ladderTable tbody tr.active{background:#f1ecfc}.ladderTable td:first-child,.ladderTable td:nth-last-child(2){color:#6c40d4;font-weight:800}.ladderTable td:first-child{font-size:13px}.ladderTable td:last-child{text-align:right}.ladderTable a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:1px solid #d4cbe6;border-radius:0;background:transparent;color:#3d3745;font:800 9.5px var(--font-mono),monospace;letter-spacing:.8px;transition:background .15s,color .15s,border-color .15s}.ladderTable a:hover{background:#6c40d4;border-color:#6c40d4;color:#fff}.ladderTableWrap{overflow-x:auto} @media(max-width:900px){.selectedPlan{grid-template-columns:130px 1fr 155px}.selectedPlan>a{grid-column:1/-1;margin:12px 18px}.selectedPlan dl{grid-template-columns:repeat(2,1fr)}.ladderTable{min-width:850px}} @media(max-width:600px){.pagePlans{padding:65px 0}.ladderTop{height:auto;padding:14px;gap:12px;align-items:flex-start;flex-direction:column}.selectedPlan{display:block}.selectedName,.selectedPrice{border-right:0;border-bottom:1px solid #ddd6e9}.selectedPlan dl{grid-template-columns:repeat(2,1fr)}.selectedPlan>a{display:block;margin:14px}.ladderScale{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 0;height:auto;padding:20px 22px 25px}.ladderScale:before{display:none}.ladderScale button{position:static;transform:none;max-width:none;white-space:normal;text-align:left;padding-top:21px}.ladderScale button i{position:absolute;top:4px;left:0;transform:none}.ladderIncluded{line-height:1.8}} .ladderTop{display:grid;grid-template-columns:1fr auto 1fr}.locationToggle{display:flex;width:max-content;border:1px solid #ddd6e9}.billingToggle{justify-self:end}.locationToggle button{height:28px;padding:0 16px;border:0;background:#fff;color:#625c69;font:700 7px var(--font-mono),monospace;letter-spacing:.8px;cursor:pointer}.locationToggle button.active{background:#6c40d4;color:#fff} @media(max-width:700px){.ladderTop{display:flex}.locationToggle,.billingToggle{max-width:100%}.locationToggle button,.billingToggle button{padding:0 11px}} /* NVMe product deployment hero */ .nvmeHero{position:relative;min-height:570px;overflow:hidden;background:#fbfaff}.nvmeHero>.innerPattern{opacity:.8}.nvmeHeroGrid{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center;min-height:570px}.nvmeHeroCopy nav{margin-bottom:32px;color:#797281;font:700 7px var(--font-mono),monospace;letter-spacing:1.3px}.nvmeHeroCopy nav b{color:#6c40d4}.nvmeHeroMeta{display:flex;align-items:center;color:#6c40d4;font:700 8px var(--font-mono),monospace;letter-spacing:1.7px}.nvmeHeroMeta i{height:1px;flex:1 1;margin:0 16px;background:#d7cdea}.nvmeHeroMeta small{color:#777080;font-size:7px;white-space:nowrap}.nvmeHero h1{margin:28px 0 22px;font-size:clamp(56px,5.4vw,76px);line-height:.88;letter-spacing:-4.5px}.nvmeHero h1 strong{color:#6c40d4}.nvmeHeroCopy>p{max-width:510px;color:#625d69;font-size:14px;line-height:1.7}.nvmeHeroActions{display:flex;gap:12px;margin:30px 0}.nvmeHeroActions a{min-width:165px;padding:17px 22px;border:1px solid #17141c;text-align:center;font:800 8px var(--font-mono),monospace;letter-spacing:1.5px}.nvmeHeroActions a:first-child{background:#6c40d4;color:#fff;border-color:#6c40d4;clip-path:polygon(0 0,100% 0,100% 78%,94% 100%,0 100%)}.nvmeHeroActions a span{float:right}.nvmeHeroCopy>footer{display:flex;gap:18px;color:#6f6876;font:700 7px var(--font-mono),monospace;letter-spacing:.7px}.nvmeHeroCopy>footer span{padding-right:18px;border-right:1px solid #ddd6e8}.nvmeHeroCopy>footer span:last-child{border:0}.deployTerminal{position:relative;height:430px;border:1px solid #18151c;background:#fff;box-shadow:9px 9px 0 #e7e0f3;font-family:var(--font-mono),monospace}.deployTerminal>header{height:40px;padding:0 14px;display:flex;align-items:center;border-bottom:1px solid #ddd6e9;color:#898291;font-size:7px;letter-spacing:1.2px}.deployTerminal>header i{width:7px;height:7px;margin-right:5px;background:#6c40d4}.deployTerminal>header i:nth-child(2){opacity:.55}.deployTerminal>header i:nth-child(3){opacity:.18}.deployTerminal>header span{margin:auto}.deployTerminal>header b{color:#6b6571;font-size:7px}.deployTerminal>header b::first-letter{color:#2ecc71}.deployTerminalBody{padding:28px 24px;font-size:9px}.deployTerminalBody strong{display:block;margin-bottom:17px}.deployTerminalBody p{color:#716b78;line-height:1.8}.deployTerminalBody em{color:#6c40d4;font-style:normal;animation:cyberBlink 1s steps(2) infinite}.deployTerminal>footer{position:absolute;left:0;right:0;bottom:0;height:43px;display:grid;grid-template-columns:115px 1fr 145px 1.4fr;align-items:center;border-top:1px solid #ddd6e9;font-size:7px}.deployTerminal>footer>*{height:100%;padding:0 14px;display:flex;align-items:center;border-right:1px solid #ddd6e9}.deployTerminal>footer b{background:#6c40d4;color:#fff}.deployTerminal>footer a{justify-content:flex-end;color:#6c40d4;font-weight:800}.deployTerminal>small{position:absolute;left:-6px;right:0;bottom:-42px;display:flex;justify-content:space-between;color:#837c89;font-size:7px;letter-spacing:1.5px} @media(max-width:900px){.nvmeHeroGrid{grid-template-columns:1fr;padding:60px 0 80px}.nvmeHero{min-height:auto}.deployTerminal{height:390px}.nvmeHeroCopy nav{margin-bottom:24px}} @media(max-width:600px){.nvmeHeroGrid{gap:35px}.nvmeHero h1{font-size:48px;letter-spacing:-3px}.nvmeHeroMeta small{display:none}.nvmeHeroActions{flex-direction:column}.nvmeHeroCopy>footer{flex-wrap:wrap;gap:10px}.deployTerminal{height:355px;box-shadow:6px 6px 0 #e7e0f3}.deployTerminal>footer{grid-template-columns:1fr 1fr}.deployTerminal>footer strong,.deployTerminal>footer a{display:none}} .deployTerminalBody{padding:22px 24px;font-size:8px}.deployTerminalBody>strong{display:block;margin-bottom:12px}.deployTerminalBody p{margin:0 0 6px;color:#716b78;line-height:1.3}.deployTerminalBody .terminalSuccess{margin-top:9px;color:#168744;font-weight:800}.terminalCost{margin-top:21px}.terminalCost strong,.terminalCost span{display:block}.terminalCost strong{margin-bottom:8px;color:#18151c}.terminalCost span{color:#6c40d4}.deployTerminalBody em{display:block;margin-top:9px;color:#6c40d4;font-style:normal;animation:cyberBlink 1s steps(2) infinite}.deployTerminal>small span{float:right} @media(max-width:600px){.deployTerminal{height:390px}.deployTerminalBody{padding:18px;font-size:7px}.deployTerminalBody p{margin-bottom:5px}.terminalCost{margin-top:15px}} /* NVMe short answer and richer plan metrics */ .nvmeHero~.innerTicker+.pagePlans>.siteWidth>header{display:none}.planAnswer{display:grid;grid-template-columns:1.35fr 1fr;margin:-90px calc((100vw - min(1264px,calc(100vw - 44px)))/-2) 78px;padding:48px max(22px,calc((100vw - 1264px)/2));border-bottom:1px solid #d9d2e6;background:#f8f6fd}.planAnswer>div{padding-right:55px;border-right:1px solid #ddd6e9}.planAnswer header{display:flex;align-items:center;justify-content:space-between}.planAnswer header span,.ladderHeading>span{color:#6c40d4;font:800 8px var(--font-mono),monospace;letter-spacing:2px}.planAnswer header button{padding:9px 13px;border:1px solid #cfc3e7;background:#fff;color:#6c40d4;font:700 7px var(--font-mono),monospace;letter-spacing:1px}.planAnswer p{margin:20px 0 14px;font-size:13px;line-height:1.75}.planAnswer p strong{color:#6c40d4}.planAnswer small{color:#8a8390;font:600 7px var(--font-mono),monospace;letter-spacing:1px}.planAnswer dl{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin:5px 0 5px 40px}.planAnswer dl div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dotted #cfc7dc}.planAnswer dt{color:#8b8492;font:600 7px var(--font-mono),monospace;letter-spacing:1px}.planAnswer dd{margin:0;font:800 8px var(--font-mono),monospace}.ladderHeading{max-width:760px}.ladderHeading h2{font-size:42px;letter-spacing:-2px;margin:12px 0}.ladderHeading p{color:#686270}.metricBar{position:relative;display:block;height:3px;margin-top:11px;overflow:hidden;background:#e4deec}.metricBar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#6c40d4,#a986ff);box-shadow:0 0 8px #6c40d477;transition:width .35s ease}.metricBar.location i{width:100%;background:repeating-linear-gradient(90deg,#6c40d4 0 12px,#a986ff 12px 16px)} @media(max-width:900px){.planAnswer{grid-template-columns:1fr;margin-top:-90px;padding-top:42px}.planAnswer>div{padding:0 0 30px;border-right:0;border-bottom:1px solid #ddd6e9}.planAnswer dl{margin:25px 0 0}} @media(max-width:600px){.planAnswer{margin-left:-16px;margin-right:-16px;margin-bottom:55px;padding:35px 16px}.planAnswer header button{display:none}.planAnswer dl{grid-template-columns:1fr}.ladderHeading h2{font-size:34px}.selectedPlan dd{font-size:13px}.metricBar{margin-top:8px}} .nvmeHero~.sharedTicker+.pagePlans>.siteWidth>header{display:none} /* Compact NVMe section rhythm and match its final CTA to the homepage. */ @media(min-width:901px){.nvmePage .pagePlans{padding-bottom:28px}.nvmePage .infrastructureLedger{padding-top:70px}} .nvmePage .sharedCta{padding:0;background:#121018;border-bottom:1px solid #292532} .nvmePage .sharedCtaPattern{background-image:linear-gradient(45deg,transparent 49%,#9876ef0d 49.5%,#9876ef0d 50.5%,transparent 51%),linear-gradient(-45deg,transparent 49%,#9876ef0d 49.5%,#9876ef0d 50.5%,transparent 51%),radial-gradient(circle at 50% 0,#6f42d728,transparent 42%);background-size:58px 58px,58px 58px,100% 100%} .nvmePage .sharedCta>div:last-child{padding:92px 24px 88px} .nvmePage .sharedCta>div>span{font-size:9px;letter-spacing:2.5px} .nvmePage .sharedCta h2{margin:22px auto 20px;font-size:clamp(50px,5.7vw,78px);line-height:.9;letter-spacing:-4px} .nvmePage .sharedCta p{max-width:580px;font-size:13px} .nvmePage .sharedCta nav{margin:34px 0 25px} .nvmePage .sharedCta nav a{min-height:52px;padding:0 28px;display:inline-flex;align-items:center;font-size:9px;letter-spacing:1.5px} .nvmePage .sharedCta nav a:first-child{clip-path:polygon(0 0,100% 0,100% 80%,94% 100%,0 100%)} .nvmePage .sharedCta footer{margin-top:0} @media(min-width:901px){.nvmePage .ladderTable th{font-size:10px;font-weight:800;letter-spacing:1.15px}} @media(max-width:600px){.nvmePage .sharedCta>div:last-child{padding:70px 18px 65px}.nvmePage .sharedCta h2{font-size:45px;letter-spacing:-2.5px}.nvmePage .sharedCta nav a{justify-content:center}} /* Complete shared mega-menu */ .siteNav>nav>a,.siteNav>nav>button{display:flex;align-items:center;justify-content:center;line-height:1} .siteMegaBody.full{min-height:287px}.siteMegaBody.full>.siteMegaGroups{padding:14px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:0}.siteMegaGroups>section{padding:0 17px;border-right:1px solid #ddd8e8}.siteMegaGroups>section:last-child{border-right:0}.siteMegaGroups .siteMegaLabel{height:32px;display:flex;align-items:flex-start;border-bottom:2px solid #18151c}.siteMegaGroups .siteMegaLabel b{margin-left:auto;color:#817b89}.siteMegaGroups section>a{height:55px;border-bottom:1px dotted #d7d0e3;display:grid;grid-template-columns:28px 1fr 18px;align-items:center}.siteMegaGroups section>a>i{color:#817b89;font:500 8px var(--font-mono),monospace}.siteMegaGroups section>a span b,.siteMegaGroups section>a span small{display:block}.siteMegaGroups section>a span b{font-size:12px}.siteMegaGroups section>a span small{margin-top:3px;color:#716b78;font-size:9px}.siteMegaGroups section>a strong{color:#6941d1}.siteMegaBody.full aside ul{list-style:none;margin:5px 0 0;padding:0}.siteMegaBody.full aside li{padding:8px 0;border-top:1px solid #ddd8e8;color:#68616f;font:500 8px var(--font-mono),monospace}.siteMegaStrip{height:32px;padding:0 24px;display:flex;align-items:center;gap:38px;border:1px solid #ddd8e8;border-top:0;background:#fff;color:#625c69;font:700 7px var(--font-mono),monospace;letter-spacing:1px}.siteMegaStrip span::first-letter{color:#6941d1}.siteMobileGroup{padding:10px 20px 5px;background:#f8f6fc}.siteMobileGroup>b{display:block;margin:7px 10px;color:#6b40d2;font:800 8px var(--font-mono),monospace;letter-spacing:1.5px}.siteMobile .siteMobileGroup>a{padding:0 12px;background:#fff} /*!***************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./app/infrastructure-ledger.css ***! \***************************************************************************************************************************************************************************************************************************************************************************/ /* Indonesia / France infrastructure specification ledger */ .infrastructureLedger { padding: 88px 0 92px; background: #fff; border-top: 1px solid #e0dbea; } .infraSectionMeta { height: 24px; display: grid; grid-template-columns: 26px 130px 1fr auto; gap: 12px; align-items: center; color: #716a7c; font: 700 8px var(--font-mono), monospace; letter-spacing: 1.8px; } .infraSectionMeta b { color: #6c40d4; } .infraSectionMeta i { height: 1px; background: #ddd7e8; } .infraSectionMeta em { font-size: 7px; font-style: normal; letter-spacing: 1.2px; white-space: nowrap; } .infraIntro { display: grid; grid-template-columns: 1fr 245px; gap: 70px; align-items: end; margin: 22px 0 42px; } .infraIntro h2 { margin: 0; font-size: clamp(48px, 5vw, 68px); line-height: .91; letter-spacing: -4px; } .infraIntro p { max-width: 660px; margin: 22px 0 0; color: #625d69; font-size: 14px; line-height: 1.7; } .infraIntro aside { height: 138px; padding: 21px 24px; border: 1px solid #d9d2e6; background: #faf9fd; display: flex; flex-direction: column; font-family: var(--font-mono), monospace; } .infraIntro aside span, .infraIntro aside em { color: #817a88; font-size: 7px; font-style: normal; letter-spacing: 1.4px; } .infraIntro aside strong { margin: auto 0; color: #6c40d4; font-size: 44px; line-height: 1; } .infraIntro aside strong small { margin-left: 4px; font-size: 12px; } .infraTable { border: 1px solid #d9d2e6; background: #fff; font-family: var(--font-mono), monospace; overflow-x: auto; } .infraTableHead, .infraRow { min-width: 760px; display: grid; grid-template-columns: repeat(2, 1fr); } .infraTableHead { min-height: 38px; border-bottom: 1px solid #d9d2e6; } .infraTableHead > div { padding: 0 21px; display: flex; justify-content: space-between; align-items: center; color: #716a7c; font-size: 7px; font-weight: 800; letter-spacing: 1.45px; } .infraTableHead > div:first-child { border-right: 1px solid #d9d2e6; background: #f8f6fd; color: #6c40d4; } .infraTableHead span i { display: inline-block; width: 6px; height: 6px; margin-right: 4px; border: 1px solid currentColor; } .infraTableHead > div:first-child span i { background: #6c40d4; } .infraTableHead em { color: #817a88; font-size: 6px; font-style: normal; font-weight: 600; letter-spacing: 1.1px; } .infraRow { min-height: 43px; border-bottom: 1px solid #e4deec; } .infraRow:last-of-type { border-bottom: 0; } .infraRow article { padding: 0 21px; display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; } .infraRow article:first-child { border-right: 1px solid #e4deec; } .infraRow article b { color: #242129; font-size: 8px; letter-spacing: .75px; white-space: nowrap; } .infraRow article > i { height: 1px; border-top: 1px dotted #ddd7e8; } .infraRow article strong { color: #242129; font-size: 8px; letter-spacing: .2px; white-space: nowrap; } .infraRow article strong.highlight { color: #148044; } .infraTable > footer { min-width: 760px; min-height: 58px; padding: 0; display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #d9d2e6; color: #5f5966; } .infraTable > footer > div { padding: 0 21px; display: flex; align-items: center; justify-content: space-between; border-right: 1px solid #d9d2e6; background: #f1ebfc; color: #29109d; } .infraTable > footer > div span { font-size: 8px; font-weight: 800; letter-spacing: 1.2px; } .infraTable > footer > div strong { color: #6c40d4; font-size: 24px; } .infraTable > footer > div small { margin-left: 4px; font-size: 8px; } .infraTable > footer p { margin: 0; padding: 0 21px; display: flex; align-items: center; gap: 10px; font: 400 10px/1.5 var(--font-sans), sans-serif; } .infraTable > footer p b { color: #178749; } .infraTable > footer p strong { font-weight: 700; } .infraNotes { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 16px; border-top: 1px solid #d9d2e6; border-left: 1px solid #d9d2e6; } .infraNotes article { position: relative; min-height: 124px; padding: 23px 24px; display: grid; grid-template-columns: 48px 1fr; gap: 15px; border-right: 1px solid #d9d2e6; border-bottom: 1px solid #d9d2e6; background: #fff; } .infraNotes article::before, .infraNotes article::after { content: ""; position: absolute; background: #6c40d4; } .infraNotes article::before { left: -1px; top: -1px; width: 10px; height: 2px; } .infraNotes article::after { left: -1px; top: -1px; width: 2px; height: 10px; } .infraNotes i { color: #6c40d4; font: normal 800 25px/1 var(--font-mono), monospace; -webkit-text-stroke: 1px #6c40d4; -webkit-text-fill-color: #fff; } .infraNotes h3 { margin: 0 0 8px; font-size: 16px; } .infraNotes p { margin: 0; color: #686270; font-size: 11px; line-height: 1.65; } @media (max-width: 900px) { .infraIntro { grid-template-columns: 1fr 210px; gap: 30px; } .infraNotes { grid-template-columns: 1fr; } .infraNotes article { min-height: 100px; } } @media (max-width: 600px) { .infrastructureLedger { padding: 64px 0; } .infraSectionMeta { grid-template-columns: 22px 105px 1fr; } .infraSectionMeta em { display: none; } .infraIntro { grid-template-columns: 1fr; margin: 24px 0 30px; } .infraIntro h2 { font-size: 45px; letter-spacing: -2.7px; } .infraIntro p { font-size: 12px; } .infraIntro aside { height: 112px; } .infraTableHead, .infraRow, .infraTable > footer { min-width: 720px; } .infraNotes article { padding: 21px 19px; grid-template-columns: 42px 1fr; } } /*!******************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./app/nvme-details.css ***! \******************************************************************************************************************************************************************************************************************************************************************/ /* NVMe package matrix */ .nvmeMatrix { padding: 86px 0 92px; background: #fff; border-top: 1px solid #ddd7e8; } .nvmeMatrixMeta { height: 24px; display: grid; grid-template-columns: 26px 150px 1fr auto; gap: 12px; align-items: center; color: #716a7c; font: 700 8px var(--font-mono), monospace; letter-spacing: 1.8px; } .nvmeMatrixMeta b { color: #6c40d4; } .nvmeMatrixMeta i { height: 1px; background: #ddd7e8; } .nvmeMatrixMeta em { font-size: 7px; font-style: normal; letter-spacing: 1.2px; white-space: nowrap; } .nvmeMatrixIntro { margin: 22px 0 42px; } .nvmeMatrixIntro h2 { margin: 0; font-size: clamp(48px, 5vw, 68px); line-height: .91; letter-spacing: -4px; } .nvmeMatrixIntro p { max-width: 670px; margin: 22px 0 0; color: #625d69; font-size: 14px; line-height: 1.7; } .nvmeMatrixTable { position: relative; border: 1px solid #d9d2e6; background: #fff; font-family: var(--font-mono), monospace; overflow-x: auto; } .nvmeMatrixTable::before, .nvmeMatrixTable::after { content: ""; position: absolute; top: -1px; width: 9px; height: 9px; border-top: 2px solid #6c40d4; z-index: 2; } .nvmeMatrixTable::before { left: -1px; border-left: 2px solid #6c40d4; } .nvmeMatrixTable::after { right: -1px; border-right: 2px solid #6c40d4; } .nvmeMatrixTable > header, .nvmeMatrixRow { min-width: 740px; display: grid; grid-template-columns: 165px 1fr 250px; } .nvmeMatrixTable > header { min-height: 43px; align-items: center; border-bottom: 1px solid #ddd7e8; color: #777080; font-size: 7px; letter-spacing: 1.4px; } .nvmeMatrixTable > header > * { padding: 0 22px; } .nvmeMatrixTable > header b { color: #6c40d4; } .nvmeMatrixTable > header b::first-letter { color: #6c40d4; } .nvmeMatrixTable > header em { font-style: normal; } .nvmeMatrixRow { min-height: 50px; align-items: center; border-bottom: 1px solid #e4deec; } .nvmeMatrixRow > * { height: 32px; padding: 0 22px; display: flex; align-items: center; } .nvmeMatrixRow > b { color: #242129; font-size: 8px; letter-spacing: .8px; } .nvmeMatrixRow > strong { margin-right: 14px; border-left: 2px solid #6c40d4; background: #f1ecfc; color: #321790; font-size: 9px; } .nvmeMatrixRow > strong::before { content: "✓"; margin-right: 10px; color: #6c40d4; } .nvmeMatrixRow > span { border-left: 1px dashed #bfb2d9; color: #6f6878; font-size: 8px; font-weight: 700; } .nvmeMatrixTable > footer { min-width: 740px; height: 54px; padding: 0 22px; display: flex; align-items: center; background: #f7f5fc; color: #625c69; font: 500 9px var(--font-sans), Arial, sans-serif; } .nvmeMatrixTable > footer i { width: 6px; height: 6px; margin-right: 12px; background: #6c40d4; } /* FAQ placed after the final NVMe call-to-action */ .hostingFaq { padding: 92px 0 100px; background: #fff; border-bottom: 1px solid #ddd7e8; } .hostingFaqGrid { display: grid; grid-template-columns: .8fr 1.35fr; gap: 90px; } .hostingFaq header > span { color: #6c40d4; font: 800 8px var(--font-mono), monospace; letter-spacing: 1.8px; } .hostingFaq h2 { margin: 18px 0 20px; font-size: clamp(40px, 4vw, 57px); line-height: .94; letter-spacing: -3px; } .hostingFaq header p { max-width: 410px; color: #686270; font-size: 12px; line-height: 1.75; } .hostingFaq header a { display: inline-flex; margin-top: 18px; padding: 14px 18px; border: 1px solid #201d25; font: 800 8px var(--font-mono), monospace; letter-spacing: 1px; } .hostingFaqList { border-top: 1px solid #d9d2e6; } .hostingFaqList details { border-bottom: 1px solid #d9d2e6; } .hostingFaqList summary { min-height: 62px; display: grid; grid-template-columns: 44px 1fr 30px; align-items: center; cursor: pointer; list-style: none; } .hostingFaqList summary::-webkit-details-marker { display: none; } .hostingFaqList summary i { color: #6c40d4; font: normal 700 8px var(--font-mono), monospace; } .hostingFaqList summary b { font-size: 12px; } .hostingFaqList summary span { color: #6c40d4; font-size: 21px; font-weight: 300; text-align: center; transition: transform .2s ease; } .hostingFaqList details[open] summary span { transform: rotate(45deg); } .hostingFaqList details[open] summary b { color: #6c40d4; } .hostingFaqList details > p { margin: 0; padding: 0 45px 23px 44px; color: #625d69; font-size: 11px; line-height: 1.8; } @media (max-width: 900px) { .hostingFaqGrid { grid-template-columns: 1fr; gap: 46px; } .hostingFaq header p { max-width: 600px; } } @media (max-width: 600px) { .nvmeMatrix { padding: 64px 0; } .nvmeMatrixMeta { grid-template-columns: 22px 125px 1fr; } .nvmeMatrixMeta em { display: none; } .nvmeMatrixIntro { margin: 24px 0 30px; } .nvmeMatrixIntro h2 { font-size: 45px; letter-spacing: -2.7px; } .nvmeMatrixIntro p { font-size: 12px; } .hostingFaq { padding: 68px 0 75px; } .hostingFaq h2 { font-size: 43px; letter-spacing: -2.5px; } .hostingFaqList summary { grid-template-columns: 35px 1fr 25px; } .hostingFaqList details > p { padding-left: 35px; padding-right: 20px; } } /*!***********************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./app/navigation-polish.css ***! \***********************************************************************************************************************************************************************************************************************************************************************/ /* Consistent desktop dropdown chevrons for the homepage and inner pages. */ .header .navlinks > button .menuChevron, .siteNav > nav > button .menuChevron { width: 12px; height: 12px; margin-left: 9px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 12px; color: #746e7d; font: 700 12px/1 Arial, sans-serif; transform: translateY(-1px) rotate(0deg); transform-origin: 50% 50%; transition: transform .2s ease, color .2s ease; } .header .navlinks > button:hover .menuChevron, .header .navlinks > button.active .menuChevron, .siteNav > nav > button:hover .menuChevron, .siteNav > nav > button.active .menuChevron { color: #6040d1; transform: translateY(1px) rotate(180deg); } /* Utility information scrolls away; the primary navigation remains visible. */ .siteHeader { position: sticky; top: -36px; } @media (max-width: 900px) { .siteHeader { top: 0; } } /*!*****************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./app/plan-slider.css ***! \*****************************************************************************************************************************************************************************************************************************************************************/ /* Package selector rendered as a precise horizontal specification ruler. */ .planLadder .ladderScaleViewport { width: 100%; overflow: hidden; border-bottom: 1px solid #e4deec; background: #fff; } .planLadder .ladderScale { position: relative; display: block; height: 112px; margin: 0 22px; padding: 0; } .planLadder .ladderScale::before { content: ""; position: absolute; left: 0; right: 0; top: 34px; height: 13px; border-top: 1px solid #cfc5e1; background: repeating-linear-gradient(90deg, #cfc5e1 0 1px, transparent 1px 20px); pointer-events: none; } .planLadder .ladderScale button { --position: 0%; position: absolute; left: var(--position); top: 0; width: 150px; height: 100%; padding: 0; border: 0; background: transparent; color: #625c69; text-align: center; font-family: var(--font-mono), monospace; cursor: pointer; transform: translateX(-50%); } .planLadder .ladderScale button.edgeStart { text-align: left; transform: none; } .planLadder .ladderScale button.edgeEnd { text-align: right; transform: translateX(-100%); } .planLadder .ladderScale button b, .planLadder .ladderScale button span, .planLadder .ladderScale button small { position: absolute; left: 0; width: 100%; display: block; white-space: nowrap; } .planLadder .ladderScale button b { top: 10px; color: #696275; font-size: 9px; font-weight: 800; letter-spacing: .35px; } .planLadder .ladderScale button i { position: absolute; left: 50%; top: 29px; width: 1px; height: 17px; background: #bfb3d5; transform: translateX(-50%); transition: width .18s ease, height .18s ease, top .18s ease, background .18s ease; } .planLadder .ladderScale button.edgeStart i { left: 0; transform: none; } .planLadder .ladderScale button.edgeEnd i { left: 100%; } .planLadder .ladderScale button span { top: 62px; margin: 0; color: #655f6d; font-size: 9px; font-weight: 700; } .planLadder .ladderScale button small { top: 82px; margin: 0; color: #8d8694; font-size: 7px; letter-spacing: .45px; } .planLadder .ladderScale button:hover b, .planLadder .ladderScale button:hover span, .planLadder .ladderScale button.active b, .planLadder .ladderScale button.active span { color: #6c40d4; } .planLadder .ladderScale button:hover i, .planLadder .ladderScale button.active i { top: 24px; width: 8px; height: 26px; background: #6c40d4; } @media (max-width: 700px) { .planLadder .ladderScaleViewport { overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; scrollbar-color: #b6a7d6 #f4f1fa; } .planLadder .ladderScale { width: var(--mobile-scale-width, 680px); margin: 0 18px; } } /*!***********************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./app/reseller-features.css ***! \***********************************************************************************************************************************************************************************************************************************************************************/ .resellerFeatures { padding: 88px 0 92px; background: #fbfafd; border-top: 1px solid #ded8e9; } .resellerFeaturesMeta { height: 24px; display: grid; grid-template-columns: 26px 145px 1fr auto; gap: 12px; align-items: center; color: #716a7c; font: 700 8px var(--font-mono), monospace; letter-spacing: 1.8px; } .resellerFeaturesMeta b { color: #6c40d4; } .resellerFeaturesMeta i { height: 1px; background: #ddd7e8; } .resellerFeaturesMeta em { font-size: 7px; font-style: normal; letter-spacing: 1.2px; white-space: nowrap; } .resellerFeaturesIntro { display: grid; grid-template-columns: 1fr 460px; gap: 70px; align-items: end; margin: 22px 0 42px; } .resellerFeaturesIntro h2 { margin: 0; font-size: clamp(48px, 5vw, 68px); line-height: .91; letter-spacing: -4px; } .resellerFeaturesIntro p { margin: 0 0 4px; color: #625d69; font-size: 13px; line-height: 1.75; } .resellerFeatureGrid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #d9d2e6; border-left: 1px solid #d9d2e6; background: #fff; } .resellerFeatureGrid article { min-height: 172px; padding: 24px; display: grid; grid-template-columns: 48px 1fr; gap: 16px; align-items: start; border-right: 1px solid #d9d2e6; border-bottom: 1px solid #d9d2e6; } .resellerFeatureGrid article:last-child { background: #f4f0fc; } .resellerFeatureGrid article > i { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 50%; font: normal 800 9px var(--font-mono), monospace; } .resellerFeatureGrid i.purple { color: #6c40d4; background: #f0ebfc; } .resellerFeatureGrid i.green { color: #069b71; background: #eaf8f3; } .resellerFeatureGrid i.blue { color: #2878c7; background: #edf5fc; } .resellerFeatureGrid i.orange { color: #df672b; background: #fff1e9; } .resellerFeatureGrid i.navy { color: #304e83; background: #edf1f8; } .resellerFeatureGrid i.pink { color: #b84276; background: #faedf3; } .resellerFeatureGrid i.teal { color: #168b94; background: #eaf7f8; } .resellerFeatureGrid i.violet { color: #6c40d4; border-style: dashed; border-radius: 0; background: #fff; } .resellerFeatureGrid h3 { margin: 2px 0 9px; font-size: 14px; line-height: 1.25; } .resellerFeatureGrid article p { margin: 0; color: #6e6875; font-size: 11px; line-height: 1.58; } .resellerFeatures footer { min-height: 44px; display: flex; align-items: center; gap: 18px; overflow-x: auto; color: #766f7e; font: 600 7px var(--font-mono), monospace; letter-spacing: .7px; white-space: nowrap; } .resellerFeatures footer b { color: #6c40d4; margin-right: 5px; } @media (max-width: 1000px) { .resellerFeaturesIntro { grid-template-columns: 1fr; gap: 20px; } .resellerFeaturesIntro p { max-width: 650px; } .resellerFeatureGrid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .resellerFeatures { padding: 64px 0; } .resellerFeaturesMeta { grid-template-columns: 22px 120px 1fr; } .resellerFeaturesMeta em { display: none; } .resellerFeaturesIntro { margin: 24px 0 30px; } .resellerFeaturesIntro h2 { font-size: 43px; letter-spacing: -2.6px; } .resellerFeatureGrid { grid-template-columns: 1fr; } .resellerFeatureGrid article { min-height: 0; } } /*!***********************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./app/reseller-benefits.css ***! \***********************************************************************************************************************************************************************************************************************************************************************/ .resellerBenefits { padding: 88px 0 92px; border-top: 1px solid #ded8e9; background: #fff; } .resellerBenefitsMeta { height: 24px; display: grid; grid-template-columns: 26px 180px 1fr auto; gap: 12px; align-items: center; color: #716a7c; font: 700 8px var(--font-mono), monospace; letter-spacing: 1.8px; } .resellerBenefitsMeta b { color: #6c40d4; } .resellerBenefitsMeta i { height: 1px; background: #ddd7e8; } .resellerBenefitsMeta em { font-size: 7px; font-style: normal; letter-spacing: 1.2px; white-space: nowrap; } .resellerBenefitsIntro { max-width: 760px; margin: 22px 0 44px; } .resellerBenefitsIntro h2 { margin: 0; font-size: clamp(48px, 5vw, 68px); line-height: .91; letter-spacing: -4px; } .resellerBenefitsIntro h2 strong { color: #6c40d4; font-weight: inherit; } .resellerBenefitsIntro p { max-width: 670px; margin: 24px 0 0; color: #625d69; font-size: 14px; line-height: 1.75; } .resellerBenefitsGrid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #d9d2e6; border-left: 1px solid #d9d2e6; } .resellerBenefitsGrid article { min-height: 190px; padding: 27px 26px 22px; display: flex; flex-direction: column; border-right: 1px solid #d9d2e6; border-bottom: 1px solid #d9d2e6; background: #fff; } .resellerBenefitsGrid article header { display: flex; align-items: center; gap: 14px; } .resellerBenefitsGrid article header i { width: 38px; height: 34px; display: grid; place-items: center; border: 1px solid #9d6cff; border-radius: 4px; color: #7a43e6; background: #fbf9ff; font: normal 800 10px var(--font-mono), monospace; } .resellerBenefitsGrid h3 { margin: 0; font-size: 17px; line-height: 1.2; } .resellerBenefitsGrid p { margin: 16px 0 18px; color: #625d69; font-size: 12px; line-height: 1.72; } .resellerBenefitsGrid small { margin-top: auto; color: #746d7c; font: 700 6px var(--font-mono), monospace; letter-spacing: 1.25px; } @media (max-width: 900px) { .resellerBenefitsGrid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .resellerBenefits { padding: 64px 0; } .resellerBenefitsMeta { grid-template-columns: 22px 150px 1fr; } .resellerBenefitsMeta em { display: none; } .resellerBenefitsIntro { margin: 24px 0 31px; } .resellerBenefitsIntro h2 { font-size: 43px; letter-spacing: -2.7px; } .resellerBenefitsIntro p { font-size: 12px; } .resellerBenefitsGrid { grid-template-columns: 1fr; } .resellerBenefitsGrid article { min-height: 175px; padding: 24px 22px; } } /*!***************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./app/hosting-core-features.css ***! \***************************************************************************************************************************************************************************************************************************************************************************/ .hostingCoreFeatures { padding: 88px 0 92px; border-top: 1px solid #ded8e9; background: #fff; } .hostingCoreMeta { height: 24px; display: grid; grid-template-columns: 26px 125px 1fr auto; gap: 12px; align-items: center; color: #716a7c; font: 700 8px var(--font-mono), monospace; letter-spacing: 1.8px; } .hostingCoreMeta b { color: #6c40d4; } .hostingCoreMeta i { height: 1px; background: #ddd7e8; } .hostingCoreMeta em { font-size: 7px; font-style: normal; letter-spacing: 1.2px; white-space: nowrap; } .hostingCoreIntro { max-width: 780px; margin: 22px 0 44px; } .hostingCoreIntro h2 { margin: 0; font-size: clamp(48px, 5vw, 68px); line-height: .91; letter-spacing: -4px; } .hostingCoreIntro h2 strong { color: #6c40d4; font-weight: inherit; } .hostingCoreIntro p { max-width: 680px; margin: 24px 0 0; color: #625d69; font-size: 14px; line-height: 1.75; } .hostingCoreGrid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #d9d2e6; border-left: 1px solid #d9d2e6; } .hostingCoreGrid article { min-height: 190px; padding: 27px 26px 22px; display: flex; flex-direction: column; border-right: 1px solid #d9d2e6; border-bottom: 1px solid #d9d2e6; background: #fff; } .hostingCoreGrid article header { display: flex; align-items: center; gap: 14px; } .hostingCoreGrid article header i { width: 40px; height: 34px; display: grid; place-items: center; border: 1px solid #9d6cff; border-radius: 4px; color: #7a43e6; background: #fbf9ff; font: normal 800 9px var(--font-mono), monospace; } .hostingCoreGrid h3 { margin: 0; font-size: 17px; line-height: 1.2; } .hostingCoreGrid p { margin: 16px 0 18px; color: #625d69; font-size: 12px; line-height: 1.72; } .hostingCoreGrid small { margin-top: auto; color: #746d7c; font: 700 6px var(--font-mono), monospace; letter-spacing: 1.25px; } @media (max-width: 900px) { .hostingCoreGrid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .hostingCoreFeatures { padding: 64px 0; } .hostingCoreMeta { grid-template-columns: 22px 105px 1fr; } .hostingCoreMeta em { display: none; } .hostingCoreIntro { margin: 24px 0 31px; } .hostingCoreIntro h2 { font-size: 43px; letter-spacing: -2.7px; } .hostingCoreIntro p { font-size: 12px; } .hostingCoreGrid { grid-template-columns: 1fr; } .hostingCoreGrid article { min-height: 175px; padding: 24px 22px; } } /*!****************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./app/cloud-tier.css ***! \****************************************************************************************************************************************************************************************************************************************************************/ .cloudTierPage { background: #fff; } .cloudTierHero { position: relative; min-height: 570px; overflow: hidden; background: #fbfaff; } .cloudTierHero > .innerPattern { opacity: .9; } .cloudTierHeroGrid { position: relative; min-height: 570px; display: grid; grid-template-columns: .95fr 1.05fr; gap: 70px; align-items: center; } .cloudTierCopy nav { margin-bottom: 31px; color: #797281; font: 700 7px var(--font-mono), monospace; letter-spacing: 1.3px; } .cloudTierCopy nav b { color: #6c40d4; } .cloudTierMeta { display: flex; align-items: center; color: #6c40d4; font: 700 8px var(--font-mono), monospace; letter-spacing: 1.7px; } .cloudTierMeta i { height: 1px; flex: 1 1; margin: 0 16px; background: #d7cdea; } .cloudTierMeta small { color: #777080; font-size: 7px; white-space: nowrap; } .cloudTierHero h1 { margin: 28px 0 22px; font-size: clamp(56px, 5.4vw, 76px); line-height: .88; letter-spacing: -4.5px; } .cloudTierHero h1 strong { color: #6c40d4; } .cloudTierCopy > p { max-width: 525px; color: #625d69; font-size: 14px; line-height: 1.75; } .cloudTierActions { display: flex; gap: 12px; margin: 30px 0; } .cloudTierActions a { min-width: 170px; padding: 17px 21px; border: 1px solid #17141c; text-align: center; font: 800 8px var(--font-mono), monospace; letter-spacing: 1.35px; } .cloudTierActions a:first-child { border-color: #6c40d4; background: #6c40d4; color: #fff; clip-path: polygon(0 0,100% 0,100% 78%,94% 100%,0 100%); } .cloudTierActions a span { float: right; } .cloudTierCopy > footer { display: flex; gap: 18px; color: #6f6876; font: 700 7px var(--font-mono), monospace; letter-spacing: .7px; } .cloudTierCopy > footer span { padding-right: 18px; border-right: 1px solid #ddd6e8; } .cloudTierCopy > footer span:last-child { padding-right: 0; border: 0; } .cloudTierTerminal { position: relative; height: 430px; border: 1px solid #18151c; background: #fff; box-shadow: 9px 9px 0 #e7e0f3; font-family: var(--font-mono), monospace; } .cloudTierTerminal > header { height: 40px; padding: 0 14px; display: flex; align-items: center; border-bottom: 1px solid #ddd6e9; color: #898291; font-size: 7px; letter-spacing: 1.2px; } .cloudTierTerminal > header i { width: 7px; height: 7px; margin-right: 5px; background: #6c40d4; } .cloudTierTerminal > header i:nth-child(2) { opacity: .55; } .cloudTierTerminal > header i:nth-child(3) { opacity: .18; } .cloudTierTerminal > header span { margin: auto; } .cloudTierTerminal > header b { color: #6b6571; font-size: 7px; } .cloudTierTerminal > header b::first-letter { color: #28b965; } .cloudTierTerminalBody { padding: 25px 24px; font-size: 9px; } .cloudTierTerminalBody > strong { display: block; margin-bottom: 16px; } .cloudTierTerminalBody p { margin: 7px 0; color: #716b78; line-height: 1.65; } .cloudTierTerminalBody p.cloudTierReady { margin-top: 13px; color: #148044; font-weight: 800; } .cloudTierTerminalBody > div { margin-top: 24px; display: flex; flex-direction: column; gap: 9px; } .cloudTierTerminalBody > div strong { color: #242129; } .cloudTierTerminalBody > div span { color: #6c40d4; } .cloudTierTerminalBody > em { color: #6c40d4; font-style: normal; animation: cyberBlink 1s steps(2) infinite; } .cloudTierTerminal > footer { position: absolute; left: 0; right: 0; bottom: 0; height: 43px; display: grid; grid-template-columns: 115px 1fr 155px 105px; align-items: center; border-top: 1px solid #ddd6e9; font-size: 7px; } .cloudTierTerminal > footer > * { height: 100%; padding: 0 13px; display: flex; align-items: center; border-right: 1px solid #ddd6e9; } .cloudTierTerminal > footer b { background: #6c40d4; color: #fff; } .cloudTierTerminal > footer a { justify-content: flex-end; color: #6c40d4; font-weight: 800; } .cloudTierTerminal > small { position: absolute; left: -6px; right: 0; bottom: -42px; display: flex; justify-content: space-between; color: #837c89; font-size: 7px; letter-spacing: 1.5px; } .cloudTierPlans { background: #f8f6fd; } .cloudAnswer { border-bottom: 1px solid #ddd6e9; background: #f8f6fd; } .cloudPageIndex { height: 41px; overflow-x: auto; background: #120e18; color: #9a92a3; font-family: var(--font-mono), monospace; scrollbar-width: none; } .cloudPageIndex::-webkit-scrollbar { display: none; } .cloudPageIndex .siteWidth { min-width: 850px; height: 100%; display: flex; align-items: center; gap: 20px; white-space: nowrap; font-size: 7px; font-weight: 700; letter-spacing: 1.2px; } .cloudPageIndex b { color: #c0b7ca; } .cloudPageIndex a { transition: color .18s; } .cloudPageIndex a:hover { color: #b28fff; } .cloudPageIndex span { margin-left: auto; color: #ae8aff; } .cloudAnswerGrid { display: grid; grid-template-columns: 1.25fr 1fr; min-height: 248px; } .cloudAnswerGrid > article { padding: 38px 38px 30px 0; border-right: 1px solid #ddd6e9; } .cloudAnswerGrid > article header { display: flex; align-items: center; justify-content: space-between; } .cloudAnswerGrid > article header span { color: #6c40d4; font: 800 7px var(--font-mono), monospace; letter-spacing: 2px; } .cloudAnswerGrid > article header button { padding: 9px 13px; border: 1px solid #cfc3e7; background: #fff; color: #6c40d4; font: 800 6px var(--font-mono), monospace; letter-spacing: 1px; cursor: pointer; } .cloudAnswerGrid > article p { margin: 20px 0 15px; font-size: 13px; line-height: 1.75; } .cloudAnswerGrid > article p strong { font-weight: 800; } .cloudAnswerGrid > article small { color: #8a8390; font: 600 6px var(--font-mono), monospace; letter-spacing: 1px; } .cloudAnswerGrid > dl { display: grid; grid-template-columns: 1fr 1fr; gap: 0 25px; align-content: center; margin: 0; padding: 34px 0 34px 38px; } .cloudAnswerGrid > dl div { min-width: 0; min-height: 38px; display: flex; align-items: center; gap: 10px; border-bottom: 1px dotted #cfc7dc; } .cloudAnswerGrid dt { flex: 0 0 auto; color: #746d7d; font: 700 9px var(--font-mono), monospace; letter-spacing: .8px; } .cloudAnswerGrid dt::after { content: ''; } .cloudAnswerGrid dd { margin: 0 0 0 auto; color: #17141c; text-align: right; font: 800 10px var(--font-mono), monospace; letter-spacing: -.1px; white-space: nowrap; } .cloudPricing { margin-top: 45px; border: 1px solid #d9d1e8; background: #fff; font-family: var(--font-mono), monospace; } .cloudCpuSwitch { min-height: 66px; padding: 12px 18px; display: flex; align-items: center; gap: 24px; border-bottom: 1px solid #ddd6e9; background: #faf9fd; } .cloudCpuSwitch > div { display: flex; flex-direction: column; gap: 5px; min-width: 150px; } .cloudCpuSwitch > div span { color: #27232c; font-size: 8px; font-weight: 800; letter-spacing: 1.4px; } .cloudCpuSwitch > div small { color: #8a8391; font-size: 7px; } .cloudCpuSwitch nav { display: flex; border: 1px solid #d2cae1; } .cloudCpuSwitch button { min-width: 130px; height: 34px; padding: 0 16px; border: 0; border-right: 1px solid #d2cae1; background: #fff; color: #625c69; font: 700 8px var(--font-mono), monospace; letter-spacing: .5px; cursor: pointer; } .cloudCpuSwitch button:last-child { border-right: 0; } .cloudCpuSwitch button.active { background: #6c40d4; color: #fff; } .cloudCpuDescription { min-height: 43px; padding: 0 18px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #ddd6e9; color: #716b78; font-size: 8px; } .cloudCpuDescription i { width: 6px; height: 6px; background: #22a05a; box-shadow: 0 0 0 3px #22a05a18; } .cloudCpuDescription strong { color: #6c40d4; letter-spacing: .7px; } .cloudPricingViewport { overflow-x: auto; } .cloudPricing table { width: 100%; min-width: 860px; border-collapse: collapse; } .cloudPricing th { height: 37px; padding: 0 16px; color: #7d7685; text-align: left; font-size: 7px; letter-spacing: 1px; } .cloudPricing td { height: 67px; padding: 0 16px; border-top: 1px solid #e4deec; color: #312d35; font-size: 9px; font-weight: 600; } .cloudPricing tbody tr { transition: background .18s; } .cloudPricing tbody tr:hover { background: #f2edfc; } .cloudPricing td:first-child b, .cloudPricing td:first-child small, .cloudPricing td:nth-last-child(2) strong, .cloudPricing td:nth-last-child(2) small { display: block; } .cloudPricing td:first-child b { color: #6c40d4; font-size: 10px; } .cloudPricing td small { margin-top: 5px; color: #9992a1; font-size: 6px; font-weight: 600; } .cloudPricing td:nth-last-child(2) strong { color: #6c40d4; font-size: 13px; } .cloudPricing td:last-child { text-align: right; } .cloudPricing td a { display: inline-flex; padding: 11px 13px; background: #6c40d4; color: #fff; font-size: 7px; font-weight: 800; letter-spacing: .7px; } .cloudPricing > footer { min-height: 42px; padding: 0 18px; display: flex; align-items: center; gap: 28px; border-top: 1px solid #ddd6e9; background: #f1ecfc; color: #655f6c; font-size: 7px; font-weight: 700; letter-spacing: .6px; } .cloudPricing > footer span::first-letter { color: #168747; } /* Cloud package ladder — mirrors the specification-ruler pricing model. */ .cloudPlanLadder { margin-top: 46px; border: 1px solid #d9d1e8; background: #fff; font-family: var(--font-mono), monospace; } .cloudLadderTop { height: 52px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd6e9; color: #777080; font-size: 8px; letter-spacing: 1.3px; } .cloudCpuToggle { display: flex; border: 1px solid #ddd6e9; } .cloudCpuToggle button { height: 28px; padding: 0 16px; border: 0; background: #fff; color: #625c69; font: 700 7px var(--font-mono), monospace; letter-spacing: .8px; cursor: pointer; } .cloudCpuToggle button.active { background: #6c40d4; color: #fff; } .cloudCpuDescription { margin: 0; padding: 10px 20px; border-bottom: 1px solid #ddd6e9; background: #f7f4fc; color: #716b78; font: 500 9px/1.6 var(--font-sans),Arial; } .cloudCpuDescription b { margin-right: 9px; color: #6c40d4; font: 800 7px var(--font-mono),monospace; letter-spacing: .8px; text-transform: uppercase; } .cloudSelectedPlan { min-height: 86px; display: grid; grid-template-columns: 120px minmax(480px, 1fr) 190px 180px; align-items: stretch; border-bottom: 1px solid #ddd6e9; background: #faf9fd; } .cloudSelectedName, .cloudSelectedPrice { padding: 16px; border-right: 1px solid #ddd6e9; } .cloudSelectedName small, .cloudSelectedName b, .cloudSelectedName em, .cloudSelectedPrice em { display: block; } .cloudSelectedName small, .cloudSelectedPlan dt { color: #8a8491; font-size: 7px; letter-spacing: 1.15px; } .cloudSelectedName b { margin-top: 7px; color: #6c40d4; font-size: 17px; } .cloudSelectedName em { width: max-content; margin-top: 3px; padding: 2px 5px; background: #6c40d4; color: #fff; font-size: 6px; font-style: normal; font-weight: 800; letter-spacing: .7px; } .cloudSelectedPlan dl { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0; } .cloudSelectedPlan dl > div { min-width: 0; padding: 16px; border-right: 1px solid #ddd6e9; } .cloudSelectedPlan dd { margin: 9px 0 0; font-size: 12px; font-weight: 800; } .cloudSelectedPlan dl span { position: relative; display: block; height: 3px; margin-top: 9px; overflow: hidden; background: #e4deec; } .cloudSelectedPlan dl i { position: absolute; inset: 0 auto 0 0; background: #6c40d4; transition: width .25s ease; } .cloudSelectedPrice b { color: #6c40d4; font-size: 20px; } .cloudSelectedPrice small { margin-left: 6px; color: #777080; font-size: 7px; } .cloudSelectedPrice em { margin-top: 7px; color: #8d8694; font-size: 6px; font-style: normal; } .cloudSelectedPlan > a { align-self: center; margin: 0 17px; padding: 14px 12px; background: #6c40d4; color: #fff; clip-path: polygon(0 0, 100% 0, 100% 76%, 93% 100%, 0 100%); text-align: center; font-size: 8px; font-weight: 800; letter-spacing: 1px; } .cloudSelectedPlan > a span { float: right; } .cloudSlider { position: relative; height: 121px; padding: 29px 44px 0; background: #fff; } .cloudSliderRail { position: absolute; left: 44px; right: 44px; top: 38px; height: 13px; border-top: 1px solid #c8bde0; background: repeating-linear-gradient(90deg, #d2c8e4 0 1px, transparent 1px 20px); pointer-events: none; } .cloudSliderRail i { position: absolute; left: 0; top: -1px; height: 2px; background: #6c40d4; box-shadow: 0 0 7px #6c40d455; transition: width .32s ease; } .cloudSlider input { position: relative; z-index: 1; width: 100%; height: 20px; margin: 0; appearance: none; background: transparent; cursor: pointer; } .cloudSlider input::-webkit-slider-runnable-track { height: 1px; background: transparent; } .cloudSlider input::-moz-range-track { height: 1px; background: transparent; } .cloudSlider input::-moz-range-progress { height: 1px; background: transparent; } .cloudSlider input::-webkit-slider-thumb { width: 9px; height: 20px; margin-top: -9px; appearance: none; border: 0; border-radius: 0; background: #6c40d4; } .cloudSlider input::-moz-range-thumb { width: 9px; height: 20px; border: 0; border-radius: 0; background: #6c40d4; } .cloudSliderLabels { position: absolute; left: 44px; right: 44px; top: 50px; height: 60px; } .cloudSliderLabels button { position: absolute; top: 0; transform: translateX(-50%); max-width: 120px; border: 0; background: transparent; color: #655f6d; font-family: var(--font-mono), monospace; text-align: center; white-space: nowrap; cursor: pointer; } .cloudSliderLabels button:first-child { transform: translateX(0); text-align: left; } .cloudSliderLabels button:last-child { transform: translateX(-100%); text-align: right; } .cloudSliderLabels b, .cloudSliderLabels span, .cloudSliderLabels small { display: block; } .cloudSliderLabels b { color: #696275; font-size: 8px; } .cloudSliderLabels span { margin-top: 12px; font-size: 8px; font-weight: 700; } .cloudSliderLabels small { margin-top: 6px; color: #8d8694; font-size: 7px; } .cloudSliderLabels button.active b, .cloudSliderLabels button.active span { color: #6c40d4; } .cloudLadderIncluded { padding: 13px 20px; border-top: 1px solid #ddd6e9; border-bottom: 1px solid #ddd6e9; background: #faf9fd; color: #655f6c; font-size: 7px; letter-spacing: 1px; } .cloudLadderIncluded::first-letter { color: #6c40d4; } .cloudLadderTableWrap { overflow-x: auto; } .cloudLadderTable { width: 100%; min-width: 990px; border-collapse: collapse; font-size: 11px; } .cloudLadderTable th { height: 42px; padding: 0 18px; color: #7d7685; text-align: left; font-size: 9px; letter-spacing: 1px; } .cloudLadderTable td { height: 62px; padding: 0 18px; border-top: 1px solid #e4deec; font-weight: 600; } .cloudLadderTable tbody tr { cursor: pointer; transition: background .15s; } .cloudLadderTable tbody tr:hover, .cloudLadderTable tbody tr.active { background: #f1ecfc; box-shadow: inset 2px 0 #6c40d4; } .cloudLadderTable td:first-child button { padding: 0; border: 0; background: none; color: #17141c; font: 800 13px var(--font-mono), monospace; cursor: pointer; } .cloudLadderTable tr.active td:first-child button, .cloudLadderTable td:nth-last-child(2) b { color: #6c40d4; } .cloudLadderTable td:nth-last-child(2) b { font-size: 13px; } .cloudLadderTable td:nth-last-child(2) small { margin-left: 5px; color: #777080; font-size: 8px; } .cloudLadderTable td:last-child { text-align: right; } .cloudLadderTable a { display: inline-flex; align-items: center; gap: 6px; padding: 10px 16px; border: 1px solid #d4cbe6; border-radius: 0; background: transparent; color: #3d3745; font: 800 9.5px var(--font-mono), monospace; letter-spacing: .8px; transition: background .15s, color .15s, border-color .15s; } .cloudLadderTable a:hover { background: #6c40d4; border-color: #6c40d4; color: #fff; } .cloudPlanLadder > footer { min-height: 49px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #ddd6e9; background: #f4f1fa; color: #655f6c; font-size: 9px; } .cloudPlanLadder > footer b, .cloudPlanLadder > footer a { color: #6c40d4; font-weight: 800; } .cloudPlanLadder > footer a { font-size: 7px; letter-spacing: 1px; } .cloudDeploySection { padding: 90px 0 100px; background: #fff; } .cloudDeployHeading > div { display: flex; align-items: center; color: #777080; font: 700 8px var(--font-mono), monospace; letter-spacing: 2px; } .cloudDeployHeading > div b { margin-right: 20px; color: #6c40d4; } .cloudDeployHeading > div i { height: 1px; flex: 1 1; margin: 0 20px; background: #ddd6e9; } .cloudDeployHeading > div small { font-size: 7px; white-space: nowrap; } .cloudDeployHeading h2 { margin: 22px 0 16px; font-size: clamp(50px, 4.6vw, 68px); line-height: .9; letter-spacing: -3.5px; } .cloudDeployHeading > p { max-width: 580px; margin: 0; color: #625d69; font-size: 14px; line-height: 1.75; } .cloudDeployCard { position: relative; margin-top: 45px; border: 1px solid #d9d1e8; font-family: var(--font-mono), monospace; } .cloudDeployCorner { position: absolute; z-index: 2; width: 10px; height: 10px; pointer-events: none; } .cloudDeployCorner.topLeft { top: -1px; left: -1px; border-top: 2px solid #6c40d4; border-left: 2px solid #6c40d4; } .cloudDeployCorner.topRight { top: -1px; right: -1px; border-top: 2px solid #6c40d4; border-right: 2px solid #6c40d4; } .cloudDeployCorner.bottomLeft { bottom: -1px; left: -1px; border-bottom: 2px solid #6c40d4; border-left: 2px solid #6c40d4; } .cloudDeployCorner.bottomRight { right: -1px; bottom: -1px; border-right: 2px solid #6c40d4; border-bottom: 2px solid #6c40d4; } .cloudDeployCardTop { height: 39px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd6e9; color: #777080; font-size: 7px; letter-spacing: 1.3px; } .cloudDeployCardTop b { color: #6c40d4; } .cloudDeployProgress { padding: 25px 44px 0; } .cloudDeployProgressLabels { display: grid; grid-template-columns: repeat(5, 1fr); align-items: center; color: #898291; font-size: 7px; } .cloudDeployProgressLabels > * { text-align: center; } .cloudDeployProgressLabels > :first-child { text-align: left; color: #6c40d4; } .cloudDeployProgressLabels > :last-child { text-align: right; color: #6c40d4; } .cloudDeployTrack { position: relative; height: 14px; margin-top: 8px; border-top: 1px solid #c8bde0; background: repeating-linear-gradient(90deg, #d2c8e4 0 1px, transparent 1px 19px); overflow: visible; } .cloudDeployTrack i { position: absolute; left: 0; top: -2px; width: 0; height: 3px; background: #6c40d4; box-shadow: 0 0 8px #6c40d466; animation: cloudDeployLive 8s cubic-bezier(.4, 0, .2, 1) infinite; } .cloudDeployTrack i::after { content: ''; position: absolute; right: -3px; top: -3px; width: 8px; height: 8px; background: #6c40d4; } .cloudDeploySteps { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 10px; } .cloudDeploySteps article { min-height: 198px; padding: 24px 26px 22px; border-right: 1px solid #e4deec; } .cloudDeploySteps article:last-child { border-right: 0; } .cloudDeploySteps article > span { display: inline-block; padding: 5px 10px; border: 1px solid #d7cbea; background: #f8f5ff; color: #6c40d4; font-size: 7px; font-weight: 800; letter-spacing: 1px; } .cloudDeploySteps article > span.solid { border-color: #6c40d4; background: #6c40d4; color: #fff; } .cloudDeploySteps h3 { margin: 14px 0 9px; font: 800 17px var(--font-sans), Arial; } .cloudDeploySteps p { min-height: 42px; margin: 0; color: #625d69; font: 11px/1.7 var(--font-sans), Arial; } .cloudDeploySteps article > footer { margin-top: 17px; padding-top: 13px; border-top: 1px solid #e4deec; color: #8b8492; font-size: 6px; letter-spacing: 1px; } .cloudDeploySteps code { margin-top: 10px; padding: 12px 14px; display: flex; justify-content: space-between; background: #17131d; color: #fff; font: 700 8px var(--font-mono), monospace; } .cloudDeploySteps code b { color: #a888ff; font-size: 6px; letter-spacing: 1px; } .cloudDeployFooter { min-height: 37px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #ddd6e9; background: #f7f5fc; color: #6f6876; font-size: 6px; font-weight: 700; letter-spacing: 1.2px; } .cloudDeployFooter span:first-child::first-letter { color: #6c40d4; } @keyframes cloudDeployLive { 0% { width: 0; } 82%, 94% { width: 100%; } 100% { width: 0; } } @media (prefers-reduced-motion: reduce) { .cloudDeployTrack i { width: 100%; animation: none; } } .cloudProofSection { position: relative; overflow: hidden; padding: 92px 0 75px; background: #120e18; color: #fff; } .cloudProofPattern { position: absolute; inset: 0; opacity: .7; background-image: linear-gradient(45deg, transparent 49%, #9c78e70c 49.5%, #9c78e70c 50.5%, transparent 51%), linear-gradient(-45deg, transparent 49%, #9c78e70c 49.5%, #9c78e70c 50.5%, transparent 51%); background-size: 56px 56px; } .cloudProofContent { position: relative; } .cloudProofHeading { max-width: 100%; } .cloudProofHeading > div { display: flex; align-items: center; color: #8d8496; font: 700 8px var(--font-mono), monospace; letter-spacing: 2px; } .cloudProofHeading > div b { margin-right: 20px; color: #a987ff; } .cloudProofHeading > div i { height: 1px; flex: 1 1; margin: 0 20px; background: #332b3d; } .cloudProofHeading > div small { font-size: 7px; white-space: nowrap; } .cloudProofHeading h2 { margin: 22px 0 16px; font-size: clamp(50px, 4.6vw, 68px); line-height: .9; letter-spacing: -3.5px; } .cloudProofHeading p { max-width: 610px; margin: 0; color: #938b9b; font-size: 13px; line-height: 1.75; } .cloudProofGrid { display: grid; grid-template-columns: 1.55fr 1fr; gap: 16px; margin-top: 43px; } .cloudProofTerminal, .cloudDiskCard, .cloudKvmCard, .cloudIsolation { border: 1px solid #332a3e; background: #1e1727; font-family: var(--font-mono), monospace; } .cloudProofTerminal > header { height: 42px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #332a3e; color: #8d8496; font-size: 7px; letter-spacing: 1.4px; } .cloudProofTerminal > header i { color: #7954d0; font-style: normal; } .cloudProofTerminal pre { min-height: 323px; margin: 0; padding: 28px 22px 18px; color: #92899b; font: 9px/1.75 var(--font-mono), monospace; white-space: pre-wrap; } .cloudProofTerminal pre span { color: #d5cedc; } .cloudProofTerminal pre b { color: #aa8afa; font-weight: 500; } .cloudProofTerminal pre em { color: #2fca70; font-style: normal; } .cloudProofTerminal pre strong { color: #ad88ff; animation: cyberBlink 1s steps(2) infinite; } .cloudProofTerminal > footer { height: 40px; padding: 0 18px; display: grid; grid-template-columns: 105px 1fr 55px 120px; gap: 12px; align-items: center; border-top: 1px solid #332a3e; color: #857d8e; font-size: 6px; letter-spacing: 1px; } .cloudProofTerminal > footer i { height: 5px; border: 1px solid #342c40; background: #120e18; } .cloudProofTerminal > footer i b { display: block; width: 90.4%; height: 100%; background: #9b73ee; } .cloudProofTerminal > footer strong { color: #aa89fb; } .cloudProofTerminal > footer small { font-size: 6px; } .cloudProofAside { display: grid; grid-template-rows: 1fr 127px; gap: 16px; } .cloudDiskCard { padding: 20px; } .cloudDiskCard > header { display: flex; justify-content: space-between; color: #8d8496; font-size: 7px; letter-spacing: 1.3px; } .cloudDiskCard > header small { font-size: 6px; } .cloudDiskCard dl { margin: 19px 0 0; } .cloudDiskCard dl > div { margin-bottom: 17px; } .cloudDiskCard dt { display: flex; justify-content: space-between; color: #9990a3; font-size: 7px; font-weight: 700; letter-spacing: .7px; } .cloudDiskCard dt b { color: #b296ff; } .cloudDiskCard dd { height: 8px; margin: 8px 0 0; border: 1px solid #382f43; background: #120e18; } .cloudDiskCard dd i { display: block; height: 100%; background: #986ee8; } .cloudDiskCard footer { color: #766e7e; font-size: 6px; letter-spacing: 1px; } .cloudKvmCard { padding: 21px; } .cloudKvmCard > span { color: #8d8496; font: 700 7px var(--font-mono), monospace; letter-spacing: 1.3px; } .cloudKvmCard h3 { margin: 11px 0 8px; font-size: 20px; } .cloudKvmCard h3 small { color: #82798c; font: 600 9px var(--font-mono), monospace; } .cloudKvmCard p { margin: 0; color: #938b9b; font-size: 10px; line-height: 1.65; } .cloudIsolation { position: relative; margin-top: 34px; } .cloudIsolation > header { min-height: 59px; padding-left: 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #332a3e; color: #8d8496; font: 700 7px var(--font-mono), monospace; letter-spacing: 1.2px; } .cloudIsolation > header button { align-self: stretch; min-width: 235px; padding: 0 20px; border: 0; background: #7441ca; color: #fff; font: 800 7px var(--font-mono), monospace; letter-spacing: 1.3px; cursor: pointer; clip-path: polygon(0 0, 100% 0, 100% 78%, 94% 100%, 0 100%); } .cloudIsolation > header button b { float: right; } .cloudHostCompare { display: grid; grid-template-columns: 1fr 1fr; gap: 38px; padding: 22px 20px; } .cloudHostCompare article > header { display: flex; justify-content: space-between; color: #fff; font: 800 8px var(--font-mono), monospace; letter-spacing: 1px; } .cloudHostCompare article > header small { color: #766e7e; font-size: 6px; } .cloudHostSlots { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; margin-top: 13px; } .cloudHostSlots > * { height: 33px; display: flex; align-items: center; justify-content: center; border: 1px solid #32293d; background: #130f1a; color: #7f7689; font-size: 6px; font-style: normal; } .cloudHostSlots b { border-color: #aa80ff; color: #aa80ff; } .cloudHostSlots i { border-style: dashed; } .cloudIsolation.noisy .cloudHostCompare article:last-child .cloudHostSlots i { border-color: #bd684e; color: #ff9577; animation: cloudNoise .55s steps(2) infinite; } .cloudHostCompare dl { display: grid; grid-template-columns: 1fr 1fr; margin: 13px 0 0; border: 1px solid #32293d; } .cloudHostCompare dl > div { padding: 12px; border-right: 1px solid #32293d; } .cloudHostCompare dl > div:last-child { border: 0; } .cloudHostCompare dt { color: #766e7e; font-size: 6px; letter-spacing: 1px; } .cloudHostCompare dd { margin: 8px 0 0; color: #29df75; font-size: 15px; font-weight: 800; } .cloudIsolation.noisy .cloudHostCompare article:last-child dd { color: #ff785d; } .cloudIsolation > footer { min-height: 41px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #332a3e; color: #716879; font-size: 6px; letter-spacing: 1px; } .cloudIsolation > footer b { color: #ac89ff; } .cloudProofStrip { min-height: 40px; display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 14px; border: 1px solid #332a3e; background: #1e1727; color: #b9b0c2; font: 700 7px var(--font-mono), monospace; letter-spacing: 1px; } .cloudProofStrip span { padding: 0 18px; display: flex; align-items: center; border-right: 1px solid #332a3e; } .cloudProofStrip span:last-child { border: 0; } .cloudProofStrip span::first-letter { color: #31c973; } @keyframes cloudNoise { 50% { opacity: .45; } } .cloudOsSection { padding: 90px 0 96px; background: #fff; } .cloudSectionRule { display: flex; align-items: center; color: #777080; font: 700 8px var(--font-mono), monospace; letter-spacing: 2px; } .cloudSectionRule b { margin-right: 20px; color: #6c40d4; } .cloudSectionRule i { height: 1px; flex: 1 1; margin: 0 20px; background: #ddd6e9; } .cloudSectionRule small { font-size: 7px; white-space: nowrap; } .cloudOsSection h2, .cloudFitSection h2 { margin: 22px 0 43px; font-size: clamp(50px, 4.6vw, 68px); line-height: .9; letter-spacing: -3.5px; } .cloudOsGrid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #d9d1e8; border-left: 1px solid #d9d1e8; } .cloudOsGrid article { min-height: 75px; padding: 0 22px; display: flex; align-items: center; gap: 16px; border-right: 1px solid #d9d1e8; border-bottom: 1px solid #d9d1e8; } .cloudOsGrid article > i { width: 30px; height: 30px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; background: #6c40d4; color: #fff; font: 800 13px var(--font-mono), monospace; font-style: normal; } .cloudOsGrid article > i .osIcon { width: 15px; height: 15px; } .cloudOsGrid article > i.ubuntu { background: #e95420; } .cloudOsGrid article > i.debian { border: 1px solid #d70a53; background: #fff; color: #d70a53; } .cloudOsGrid article > i.centos { border-radius: 0; background: linear-gradient(135deg, #7e3ec8 0 25%, #f5c62e 25% 50%, #35a26a 50% 75%, #d8447d 75%); } .cloudOsGrid article > i.alma { background: #31a7d8; } .cloudOsGrid article > i.rocky { background: #11b783; } .cloudOsGrid article > i.fedora { background: #315a96; } .cloudOsGrid article > i.arch { background: #1793d1; } .cloudOsGrid article div { min-width: 0; } .cloudOsGrid article b { font-size: 13px; } .cloudOsGrid article em { margin-left: 8px; padding: 2px 5px; border: 1px solid #cdbdf0; color: #6c40d4; font: 700 5px var(--font-mono), monospace; font-style: normal; letter-spacing: .7px; } .cloudOsGrid article small { display: block; margin-top: 5px; color: #8b8492; font: 600 7px var(--font-mono), monospace; letter-spacing: 1px; } .cloudOsGrid article.custom { background: #f8f6fd; } .cloudOsGrid article.custom > i { border: 1px dashed #bca9e8; border-radius: 0; background: #fff; color: #6c40d4; } .cloudOsGrid article.custom small { color: #6c40d4; font-weight: 800; } .cloudOsSection .siteWidth > footer { margin-top: 14px; color: #88818f; font: 600 6px var(--font-mono), monospace; letter-spacing: 1px; } .cloudFitSection { padding: 90px 0 100px; border-top: 1px solid #ddd6e9; background: #f7f5fc; } .cloudUseGrid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #d9d1e8; border-left: 1px solid #d9d1e8; } .cloudUseGrid article { position: relative; min-height: 280px; padding: 27px 23px 20px; display: flex; flex-direction: column; border-right: 1px solid #d9d1e8; border-bottom: 1px solid #d9d1e8; background: #fff; } .cloudUseGrid article::before { content: ''; position: absolute; top: -1px; left: -1px; width: 10px; height: 10px; border-top: 2px solid #6c40d4; border-left: 2px solid #6c40d4; } .cloudUseGrid article > span { color: transparent; -webkit-text-stroke: 1px #6c40d4; font: 500 29px var(--font-mono), monospace; } .cloudUseGrid h3 { margin: 17px 0 10px; font-size: 15px; } .cloudUseGrid p { min-height: 48px; margin: 0; color: #625d69; font-size: 10px; line-height: 1.65; } .cloudUseGrid ul { margin: 13px 0 16px; padding: 0; list-style: none; } .cloudUseGrid li { padding: 7px 0; border-top: 1px solid #e4deec; color: #5f5967; font: 600 6px var(--font-mono), monospace; letter-spacing: 1px; } .cloudUseGrid li::first-letter { color: #6c40d4; } .cloudUseGrid a { margin-top: auto; padding-top: 14px; border-top: 1px solid #e4deec; color: #6c40d4; font: 800 7px var(--font-mono), monospace; letter-spacing: 1px; } .cloudFitSection + .hostingFaq { border-top: 1px solid #ddd6e9; background: #fff; } .cloudGuarantee { position: relative; overflow: hidden; padding: 82px 0 76px; border-bottom: 1px solid #292333; background: #120e18; color: #fff; } .cloudGuaranteePattern { position: absolute; inset: 0; opacity: .8; background-image: linear-gradient(45deg, transparent 49%, #9c78e70c 49.5%, #9c78e70c 50.5%, transparent 51%), linear-gradient(-45deg, transparent 49%, #9c78e70c 49.5%, #9c78e70c 50.5%, transparent 51%); background-size: 56px 56px; } .cloudGuaranteeGrid { position: relative; display: grid; grid-template-columns: 1.08fr .82fr; gap: 100px; align-items: center; } .cloudGuaranteeCopy > span { color: #ad8aff; font: 800 8px var(--font-mono), monospace; letter-spacing: 2.5px; } .cloudGuaranteeCopy h2 { margin: 22px 0 20px; font-size: clamp(55px, 5vw, 76px); line-height: .88; letter-spacing: -4px; } .cloudGuaranteeCopy > p { max-width: 535px; margin: 0; color: #968e9f; font-size: 14px; line-height: 1.7; } .cloudGuaranteeCopy nav { display: flex; gap: 12px; margin-top: 32px; } .cloudGuaranteeCopy nav a { min-width: 220px; min-height: 50px; padding: 0 22px; display: flex; align-items: center; justify-content: center; border: 1px solid #44394f; color: #fff; font: 800 8px var(--font-mono), monospace; letter-spacing: 1.3px; } .cloudGuaranteeCopy nav a:first-child { justify-content: space-between; border-color: #fff; background: #fff; color: #17131d; clip-path: polygon(0 0, 100% 0, 100% 80%, 95% 100%, 0 100%); } .cloudGuaranteeCopy nav a b { margin-left: 20px; font-size: 13px; } .cloudGuaranteeCopy > footer { display: flex; gap: 23px; margin-top: 24px; color: #82798c; font: 600 6px var(--font-mono), monospace; letter-spacing: .8px; } .cloudGuaranteeCopy > footer span::first-letter { color: #a987ff; } .cloudGuaranteeTicket { position: relative; min-height: 313px; padding: 25px 25px 18px; border: 1px solid #332a3e; background: #1e1727; font-family: var(--font-mono), monospace; } .cloudGuaranteeTicket > header { padding-bottom: 13px; display: flex; justify-content: space-between; border-bottom: 1px dashed #443650; color: #8f8798; font-size: 7px; font-weight: 700; letter-spacing: 1.5px; } .cloudGuaranteeTicket > header b { color: #ad89ff; } .cloudGuaranteeTicket dl { margin: 11px 0 0; } .cloudGuaranteeTicket dl > div { padding: 6px 0; display: flex; justify-content: space-between; border-bottom: 1px dotted #392e44; color: #9a92a3; font-size: 6px; letter-spacing: .8px; } .cloudGuaranteeTicket dd { margin: 0; color: #ddd6e5; font-weight: 800; } .cloudGuaranteeTotal { margin-top: 14px; padding-top: 13px; display: flex; align-items: flex-end; justify-content: space-between; border-top: 1px dashed #443650; } .cloudGuaranteeTotal span { color: #8f8798; font-size: 6px; font-weight: 700; letter-spacing: 1.1px; } .cloudGuaranteeTotal b { color: #a987ff; font-size: 29px; } .cloudGuaranteeTicket > footer { margin-top: 10px; color: #756c7f; font-size: 6px; letter-spacing: 1px; } @media (max-width: 1100px) { .cloudTierHeroGrid { gap: 38px; } .cloudTierTerminal > footer { grid-template-columns: 105px 1fr 145px 90px; } .cloudSelectedPlan { grid-template-columns: 120px 1fr 175px; } .cloudSelectedPlan > a { grid-column: 1 / -1; margin: 12px 17px; } } @media (max-width: 900px) { .cloudTierHero { padding: 58px 0 85px; } .cloudTierHeroGrid { min-height: 0; grid-template-columns: 1fr; } .cloudTierCopy { max-width: 680px; } .cloudTierTerminal { height: 430px; } .cloudCpuSwitch { align-items: flex-start; flex-direction: column; } .cloudCpuSwitch nav { max-width: 100%; overflow-x: auto; } .cloudPricing > footer { flex-wrap: wrap; gap: 12px 22px; padding: 14px 18px; } .cloudSelectedPlan { grid-template-columns: 120px 1fr; } .cloudSelectedPlan dl { grid-template-columns: repeat(2, 1fr); } .cloudSelectedPrice { border-top: 1px solid #ddd6e9; } .cloudAnswerGrid { grid-template-columns: 1fr; } .cloudAnswerGrid > article { padding-right: 0; border-right: 0; border-bottom: 1px solid #ddd6e9; } .cloudAnswerGrid > dl { padding-left: 0; } .cloudDeploySteps { grid-template-columns: 1fr; } .cloudDeploySteps article { min-height: 0; border-right: 0; border-bottom: 1px solid #e4deec; } .cloudDeploySteps p { min-height: 0; } .cloudProofGrid { grid-template-columns: 1fr; } .cloudHostCompare { gap: 16px; } .cloudOsGrid, .cloudUseGrid { grid-template-columns: repeat(2, 1fr); } .cloudGuaranteeGrid { grid-template-columns: 1fr; gap: 55px; } .cloudGuaranteeCopy { max-width: 700px; } } @media (max-width: 600px) { .cloudTierHero { padding-top: 42px; } .cloudTierHero h1 { font-size: 49px; letter-spacing: -3px; } .cloudTierMeta { letter-spacing: 1px; } .cloudTierActions { flex-direction: column; } .cloudTierCopy > footer { flex-wrap: wrap; line-height: 2; } .cloudTierTerminal { height: 445px; } .cloudTierTerminalBody { padding: 22px 17px; font-size: 8px; } .cloudTierTerminal > footer { grid-template-columns: 1fr 1fr; height: 76px; } .cloudTierTerminal > footer > * { min-height: 38px; } .cloudTierTerminal > footer strong { border-top: 1px solid #ddd6e9; } .cloudTierTerminal > footer a { border-top: 1px solid #ddd6e9; } .cloudTierTerminal > small { bottom: -48px; line-height: 1.5; } .cloudCpuSwitch button { min-width: 118px; padding: 0 12px; } .cloudAnswerGrid > article { padding: 30px 0 25px; } .cloudAnswerGrid > article header button { margin-left: 12px; } .cloudAnswerGrid > article p { font-size: 12px; } .cloudAnswerGrid > dl { grid-template-columns: 1fr; padding: 22px 0 30px; } .cloudAnswerGrid > dl div { min-height: 42px; } .cloudAnswerGrid dt { font-size: 9px; } .cloudAnswerGrid dd { font-size: 10px; } .cloudLadderTop { height: auto; padding: 14px; gap: 12px; align-items: flex-start; flex-direction: column; } .cloudCpuToggle { max-width: 100%; overflow-x: auto; } .cloudCpuToggle button { min-width: max-content; padding: 0 12px; } .cloudSelectedPlan { display: block; } .cloudSelectedName, .cloudSelectedPrice { border-right: 0; border-bottom: 1px solid #ddd6e9; } .cloudSelectedPlan > a { display: block; margin: 14px; } .cloudSlider { height: 116px; padding-right: 28px; padding-left: 28px; } .cloudSliderRail { right: 28px; left: 28px; } .cloudSliderLabels { left: 28px; right: 28px; } .cloudSliderLabels button { max-width: 80px; } .cloudSliderLabels b { font-size: 7px; } .cloudSliderLabels span { font-size: 7px; } .cloudLadderIncluded { line-height: 1.8; } .cloudPlanLadder > footer { padding: 14px; gap: 12px; align-items: flex-start; flex-direction: column; } .cloudDeploySection { padding: 65px 0; } .cloudDeployHeading > div { letter-spacing: 1.2px; } .cloudDeployHeading > div i { margin: 0 10px; } .cloudDeployHeading h2 { font-size: 43px; letter-spacing: -2.5px; } .cloudDeployProgress { padding-right: 20px; padding-left: 20px; } .cloudDeployCardTop, .cloudDeployFooter { height: auto; min-height: 39px; padding: 11px 14px; gap: 10px; align-items: flex-start; flex-direction: column; } .cloudProofSection { padding: 65px 0 55px; } .cloudProofHeading > div { letter-spacing: 1px; } .cloudProofHeading > div i { margin: 0 10px; } .cloudProofHeading h2 { font-size: 43px; letter-spacing: -2.5px; } .cloudProofTerminal pre { min-height: 0; padding: 20px 15px; font-size: 7px; } .cloudProofTerminal > footer { grid-template-columns: 82px 1fr 45px; } .cloudProofTerminal > footer small { display: none; } .cloudProofAside { grid-template-rows: auto auto; } .cloudIsolation > header { padding: 12px 0 0 14px; gap: 12px; align-items: flex-start; flex-direction: column; } .cloudIsolation > header button { width: 100%; min-height: 42px; } .cloudHostCompare { grid-template-columns: 1fr; } .cloudIsolation > footer { padding: 12px 14px; gap: 8px; align-items: flex-start; flex-direction: column; } .cloudProofStrip { grid-template-columns: repeat(2, 1fr); } .cloudProofStrip span { min-height: 38px; border-bottom: 1px solid #332a3e; } .cloudOsSection, .cloudFitSection { padding: 65px 0; } .cloudSectionRule { letter-spacing: 1px; } .cloudSectionRule i { margin: 0 10px; } .cloudSectionRule small { display: none; } .cloudOsSection h2, .cloudFitSection h2 { margin-bottom: 32px; font-size: 43px; letter-spacing: -2.5px; } .cloudOsGrid, .cloudUseGrid { grid-template-columns: 1fr; } .cloudUseGrid article { min-height: 250px; } .cloudGuarantee { padding: 65px 0; } .cloudGuaranteeCopy h2 { font-size: 50px; letter-spacing: -3px; } .cloudGuaranteeCopy nav { flex-direction: column; } .cloudGuaranteeCopy > footer { flex-wrap: wrap; gap: 12px 18px; } .cloudGuaranteeTicket { padding-right: 18px; padding-left: 18px; } } /* The Server mega-menu contains the five cloud families and may be taller. */ .siteMegaGroups > section:first-child > a { height: 46px; } /* Cloud server hub (/servers/cloud/) — recap & comparison of all five tiers */ .cloudHubTiers { background: #fff; } .cloudHubTierGrid { margin-top: 40px; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #ddd6e9; border-left: 1px solid #ddd6e9; } .cloudHubTierGrid article { padding: 24px; display: flex; flex-direction: column; border-right: 1px solid #ddd6e9; border-bottom: 1px solid #ddd6e9; transition: background .2s, transform .2s; } .cloudHubTierGrid article:hover { background: #faf8fe; transform: translateY(-3px); } .cloudHubTierGrid header { display: flex; align-items: center; justify-content: space-between; } .cloudHubTierGrid header i { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #cdbce9; color: #6c40d4; font-size: 14px; } .cloudHubTierGrid header span { color: #a49bb0; font: 700 8px var(--font-mono), monospace; } .cloudHubTierGrid h3 { margin: 20px 0 8px; font-size: 18px; } .cloudHubTierGrid p { margin: 0; color: #686270; font-size: 11.5px; line-height: 1.7; } .cloudHubTierProofs { margin-top: 14px; display: flex; flex-direction: column; gap: 6px; } .cloudHubTierProofs span { color: #56a978; font: 700 7px var(--font-mono), monospace; letter-spacing: .5px; } .cloudHubTierGrid footer { margin-top: auto; padding-top: 16px; border-top: 1px solid #e4deec; display: flex; align-items: center; justify-content: space-between; } .cloudHubTierGrid footer b { color: #6c40d4; font: 800 11px var(--font-mono), monospace; } .cloudHubTierGrid footer a { color: #6c40d4; font: 800 7px var(--font-mono), monospace; letter-spacing: .6px; } .cloudHubCompareSection { padding: 80px 0; background: #f8f6fd; border-top: 1px solid #ddd6e9; border-bottom: 1px solid #ddd6e9; } .cloudHubCompareHead { max-width: 720px; } .cloudHubCompareHead > span { color: #6c40d4; font: 800 8px var(--font-mono), monospace; letter-spacing: 2px; } .cloudHubCompareHead h2 { margin: 12px 0; font-size: 40px; letter-spacing: -2px; } .cloudHubCompareHead p { margin: 0; color: #686270; } .cloudCompare { margin-top: 36px; } .cloudCompareSwitch { display: flex; flex-wrap: wrap; gap: 10px; } .cloudCompareSwitch button { min-width: 150px; padding: 12px 16px; display: flex; flex-direction: column; gap: 6px; align-items: flex-start; border: 1px solid #ddd6e9; background: #fff; cursor: pointer; } .cloudCompareSwitch button b { font: 700 10px var(--font-mono), monospace; letter-spacing: .5px; color: #221e28; } .cloudCompareSwitch button span { color: #837d8a; font: 700 7px var(--font-mono), monospace; } .cloudCompareSwitch button.active { border-color: #6c40d4; background: #6c40d4; } .cloudCompareSwitch button.active b, .cloudCompareSwitch button.active span { color: #fff; } .cloudCompareDescription { margin: 18px 0 0; max-width: 720px; color: #625d69; font-size: 12.5px; line-height: 1.75; } .cloudCompare .cloudPlanLadder { margin-top: 20px; } .cloudCompareLink { margin-top: 18px; text-align: right; } .cloudCompareLink a { color: #6c40d4; font: 800 8px var(--font-mono), monospace; letter-spacing: .6px; } .cloudHubGuide { padding: 80px 0; } .cloudHubGuideList { margin-top: 32px; border-top: 1px solid #ddd6e9; } .cloudHubGuideList a { display: grid; grid-template-columns: 46px 190px 1fr 24px; align-items: center; gap: 18px; min-height: 64px; padding: 14px 4px; border-bottom: 1px solid #ddd6e9; color: inherit; } .cloudHubGuideList a:hover { background: #faf8fe; } .cloudHubGuideList a > i { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid #cdbce9; color: #6c40d4; font-size: 12px; } .cloudHubGuideList a b { font-size: 12.5px; } .cloudHubGuideList a span { color: #686270; font-size: 11.5px; line-height: 1.6; } .cloudHubGuideList a em { color: #6c40d4; font-style: normal; font-weight: 800; } @media (max-width: 900px) { .cloudHubTierGrid { grid-template-columns: repeat(2, 1fr); } .cloudCompareSwitch button { min-width: 130px; flex: 1 1 45%; } .cloudHubGuideList a { min-height: 0; padding: 16px 4px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; } .cloudHubGuideList a b { flex: 1 1; } .cloudHubGuideList a span { flex: 1 1 100%; order: 3; margin-left: 44px; } } @media (max-width: 600px) { .cloudHubTierGrid { grid-template-columns: 1fr; } .cloudCompareSwitch button { flex: 1 1 100%; } } /*!********************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./app/dedicated-page.css ***! \********************************************************************************************************************************************************************************************************************************************************************/ .dedicatedPage { background: #fff; } .dedicatedAnswer .cloudPageIndex .siteWidth { min-width: 1120px; gap: 17px; } .dedicatedHero { position: relative; min-height: 575px; overflow: hidden; background: #fbfaff; } .dedicatedHero > .innerPattern { opacity: .85; } .dedicatedHeroGrid { position: relative; min-height: 575px; display: grid; grid-template-columns: 1fr .95fr; gap: 78px; align-items: center; } .dedicatedHeroCopy nav { margin-bottom: 30px; color: #797281; font: 700 7px var(--font-mono), monospace; letter-spacing: 1.2px; } .dedicatedHeroCopy nav b { color: #6c40d4; } .dedicatedHeroMeta { display: flex; align-items: center; color: #6c40d4; font: 700 8px var(--font-mono), monospace; letter-spacing: 1.7px; } .dedicatedHeroMeta i { width: 105px; height: 1px; margin: 0 16px; background: #d7cdea; } .dedicatedHeroMeta small { color: #777080; font-size: 7px; } .dedicatedHero h1 { margin: 28px 0 22px; font-size: clamp(49px, 4.6vw, 66px); line-height: .9; letter-spacing: -3.8px; } .dedicatedHero h1 strong { color: #6c40d4; } .dedicatedHeroCopy > p { max-width: 570px; margin: 0; color: #625d69; font-size: 14px; line-height: 1.75; } .dedicatedHeroActions { display: flex; gap: 12px; margin: 30px 0; } .dedicatedHeroActions a { min-width: 205px; padding: 17px 21px; border: 1px solid #17141c; text-align: center; font: 800 8px var(--font-mono), monospace; letter-spacing: 1.3px; } .dedicatedHeroActions a:first-child { border-color: #6c40d4; background: #6c40d4; color: #fff; clip-path: polygon(0 0, 100% 0, 100% 78%, 94% 100%, 0 100%); } .dedicatedHeroActions a span { float: right; } .dedicatedHeroCopy > footer { display: flex; gap: 15px; color: #6f6876; font: 700 6px var(--font-mono), monospace; letter-spacing: .6px; } .dedicatedHeroCopy > footer span { padding-right: 15px; border-right: 1px solid #ddd6e8; } .dedicatedHeroCopy > footer span:last-child { padding: 0; border: 0; } .dedicatedHeroCopy > footer span::first-letter { color: #6c40d4; } .dedicatedPipeline { position: relative; height: 470px; border: 1px solid #d8d0e7; background: #fff; box-shadow: 9px 9px 0 #eee9f7; font-family: var(--font-mono), monospace; } .dedicatedPipeline > header { height: 36px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd6e9; color: #898291; font-size: 7px; letter-spacing: 1.3px; } .dedicatedPipeline > header b { color: #258e50; font-size: 6px; } .dedicatedPipelineSteps { position: relative; padding: 20px 24px; } .dedicatedPipelineSteps::before { content: ''; position: absolute; top: 39px; bottom: 49px; left: 38px; width: 1px; background: #d8cfe7; } .dedicatedPipelineSteps::after { content: ''; position: absolute; top: 39px; left: 38px; width: 2px; height: 0; background: #6c40d4; box-shadow: 0 0 7px #6c40d455; animation: dedicatedPipelineLine 12s ease-in-out infinite; } .dedicatedPipelineSteps article { position: relative; min-height: 53px; display: grid; grid-template-columns: 34px 1fr auto; gap: 14px; align-items: center; } .dedicatedPipelineSteps article > i { z-index: 1; width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #c8badd; background: #fff; color: #8c8298; font-size: 8px; font-style: normal; font-weight: 800; transition: background .2s, color .2s; } .dedicatedPipelineSteps article > i span, .dedicatedPipelineSteps article > i b { grid-area: 1 / 1; } .dedicatedPipelineSteps article > i b { opacity: 0; color: #fff; } .dedicatedPipelineSteps article:nth-child(1) > i, .dedicatedPipelineSteps article:nth-child(1) div, .dedicatedPipelineSteps article:nth-child(1) em { animation: dedicatedStageOne 12s ease-in-out infinite; } .dedicatedPipelineSteps article:nth-child(2) > i, .dedicatedPipelineSteps article:nth-child(2) div, .dedicatedPipelineSteps article:nth-child(2) em { animation: dedicatedStageTwo 12s ease-in-out infinite; } .dedicatedPipelineSteps article:nth-child(3) > i, .dedicatedPipelineSteps article:nth-child(3) div, .dedicatedPipelineSteps article:nth-child(3) em { animation: dedicatedStageThree 12s ease-in-out infinite; } .dedicatedPipelineSteps article:nth-child(4) > i, .dedicatedPipelineSteps article:nth-child(4) div, .dedicatedPipelineSteps article:nth-child(4) em { animation: dedicatedStageFour 12s ease-in-out infinite; } .dedicatedPipelineSteps article:nth-child(1) > i b { animation: dedicatedCheckOne 12s steps(1) infinite; } .dedicatedPipelineSteps article:nth-child(2) > i b { animation: dedicatedCheckTwo 12s steps(1) infinite; } .dedicatedPipelineSteps article:nth-child(3) > i b { animation: dedicatedCheckThree 12s steps(1) infinite; } .dedicatedPipelineSteps article:nth-child(4) > i b { animation: dedicatedCheckFour 12s steps(1) infinite; } .dedicatedPipelineSteps article div b, .dedicatedPipelineSteps article div small { display: block; } .dedicatedPipelineSteps article div b { font: 800 15px var(--font-sans), Arial; } .dedicatedPipelineSteps article div small { margin-top: 4px; color: #8a8391; font-size: 6px; letter-spacing: 1px; } .dedicatedPipelineSteps article em { color: #168747; font-size: 7px; font-style: normal; font-weight: 800; } .dedicatedPipelineSteps article:last-child em { color: #6c40d4; } .dedicatedPipeline > code { position: absolute; left: 24px; right: 24px; bottom: 47px; padding: 13px 15px; background: #1b1522; color: #bcb0c8; font: 600 8px var(--font-mono), monospace; } .dedicatedPipeline > code b { color: #ad85ff; } .dedicatedPipeline > footer { position: absolute; left: 0; right: 0; bottom: 0; height: 34px; display: grid; grid-template-columns: 92px 82px 1fr 120px; border-top: 1px solid #ddd6e9; color: #777080; font-size: 6px; } .dedicatedPipeline > footer > * { padding: 0 12px; display: flex; align-items: center; border-right: 1px solid #ddd6e9; } .dedicatedPipeline > footer b { background: #6c40d4; color: #fff; } .dedicatedPipeline > footer a { justify-content: flex-end; border: 0; color: #6c40d4; font-weight: 800; } .dedicatedPipeline > small { position: absolute; left: 0; right: 0; bottom: -24px; display: flex; justify-content: space-between; color: #8a8390; font-size: 6px; letter-spacing: 1.2px; } .dedicatedPlans { background: #f8f6fd; } .dedicatedPricing { margin-top: 44px; border: 1px solid #d9d1e8; background: #fff; font-family: var(--font-mono), monospace; } .dedicatedPricing > header { min-height: 61px; padding: 11px 18px; display: flex; align-items: center; gap: 30px; border-bottom: 1px solid #ddd6e9; background: #faf9fd; } .dedicatedPricing > header > div { min-width: 150px; display: flex; flex-direction: column; gap: 5px; } .dedicatedPricing > header > div span { font-size: 8px; font-weight: 800; letter-spacing: 1.4px; } .dedicatedPricing > header > div small { color: #8a8391; font-size: 7px; } .dedicatedPricing > header nav { display: flex; border: 1px solid #d2cae1; } .dedicatedPricing > header button { min-width: 155px; height: 34px; padding: 0 16px; border: 0; border-right: 1px solid #d2cae1; background: #fff; color: #625c69; font: 700 8px var(--font-mono), monospace; cursor: pointer; } .dedicatedPricing > header button:last-child { border: 0; } .dedicatedPricing > header button.active { background: #6c40d4; color: #fff; } .dedicatedPricing > header em { margin-left: auto; color: #6c40d4; font-size: 7px; font-style: normal; font-weight: 800; letter-spacing: 1px; } .dedicatedPricingWrap { overflow-x: auto; } .dedicatedPricing table { width: 100%; min-width: 1150px; border-collapse: collapse; } .dedicatedPricing th { height: 42px; padding: 0 18px; color: #777080; text-align: left; font-size: 9px; letter-spacing: 1px; } .dedicatedPricing td { height: 62px; padding: 0 18px; border-top: 1px solid #e4deec; color: #39343f; font-size: 11px; font-weight: 600; } .dedicatedPricing tbody tr { cursor: pointer; transition: background .15s; } .dedicatedPricing tbody tr:hover { background: #f3eefd; } .dedicatedPricing tbody tr.active { background: #f1ecfc; box-shadow: inset 2px 0 #6c40d4; } .dedicatedSortBar { display: flex; align-items: center; gap: 10px; padding: 10px 18px; border-bottom: 1px solid #ddd6e9; background: #faf9fd; color: #777080; font-size: 7px; font-weight: 800; letter-spacing: 1.2px; } .dedicatedSortBar select { margin-left: auto; height: 26px; padding: 0 8px; border: 1px solid #d2cae1; background: #fff; color: #39343f; font: 700 8px var(--font-mono), monospace; cursor: pointer; } .dedicatedPricing td:first-child b, .dedicatedPricing td:first-child small { display: block; } .dedicatedPricing td:first-child b { color: #6c40d4; font-size: 13px; } .dedicatedPricing td:first-child small { width: max-content; margin-top: 5px; padding: 2px 5px; background: #6c40d4; color: #fff; font-size: 5px; } .dedicatedPricing td strong { color: #6c40d4; font-size: 13px; } .dedicatedPricing td:last-child { text-align: right; } .dedicatedPricing td a { display: inline-flex; align-items: center; gap: 6px; padding: 10px 16px; border: 1px solid #d4cbe6; border-radius: 0; background: transparent; color: #3d3745; font: 800 9.5px var(--font-mono), monospace; letter-spacing: .8px; transition: background .15s, color .15s, border-color .15s; } .dedicatedPricing td a:hover { background: #6c40d4; border-color: #6c40d4; color: #fff; } .dedicatedPricing > footer { min-height: 41px; padding: 0 18px; display: flex; align-items: center; gap: 28px; border-top: 1px solid #ddd6e9; background: #f1ecfc; color: #655f6c; font-size: 7px; font-weight: 700; letter-spacing: .6px; } .dedicatedPricing > footer span::first-letter { color: #6c40d4; } .dedicatedDeployment { padding: 90px 0 100px; background: #fff; } .dedicatedDeploymentHeading > div { display: flex; align-items: center; color: #777080; font: 700 8px var(--font-mono), monospace; letter-spacing: 2px; } .dedicatedDeploymentHeading > div b { margin-right: 20px; color: #6c40d4; } .dedicatedDeploymentHeading > div i { height: 1px; flex: 1 1; margin: 0 20px; background: #ddd6e9; } .dedicatedDeploymentHeading > div small { font-size: 7px; white-space: nowrap; } .dedicatedDeploymentHeading h2 { margin: 22px 0 45px; font-size: clamp(50px, 4.7vw, 68px); line-height: .9; letter-spacing: -3.5px; } .dedicatedDeploymentSteps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; } .dedicatedDeploymentSteps article { position: relative; min-height: 170px; padding: 24px 22px 20px; border: 1px solid #d9d1e8; background: #fff; } .dedicatedDeploymentSteps article:not(:last-child)::after { content: ''; position: absolute; top: 50%; left: 100%; width: 31px; border-top: 2px dashed #6c40d4; } .dedicatedDeploymentSteps article::before { content: ''; position: absolute; top: -1px; left: -1px; width: 10px; height: 10px; border-top: 2px solid #6c40d4; border-left: 2px solid #6c40d4; } .dedicatedDeploymentSteps article > span { color: #7e7687; font: 700 7px var(--font-mono), monospace; } .dedicatedDeploymentSteps h3 { margin: 13px 0 9px; font-size: 17px; } .dedicatedDeploymentSteps p { min-height: 62px; margin: 0; color: #625d69; font-size: 10px; line-height: 1.65; } .dedicatedDeploymentSteps article > b { display: inline-block; margin-top: 12px; padding: 5px 9px; border: 1px solid #d4c7ea; color: #6c40d4; font: 800 7px var(--font-mono), monospace; letter-spacing: 1px; } .dedicatedDeploymentSteps article.active { border-color: #1a1521; background: #17121d; color: #fff; box-shadow: 5px 5px 0 #c5abea; } .dedicatedDeploymentSteps article.active::before { border-color: #17121d; } .dedicatedDeploymentSteps article.active p, .dedicatedDeploymentSteps article.active > span { color: #a69cab; } .dedicatedRecent { height: 34px; margin-top: 23px; display: flex; align-items: center; overflow: hidden; border: 1px solid #2d2636; background: #17121d; color: #776e80; font: 600 6px var(--font-mono), monospace; letter-spacing: 1px; white-space: nowrap; } .dedicatedRecent b { z-index: 1; height: 100%; padding: 0 17px; display: flex; align-items: center; flex: 0 0 auto; background: #17121d; color: #ad89ff; } .dedicatedRecent span { display: block; min-width: max-content; animation: dedicatedTicker 24s linear infinite; } .dedicatedDeploymentStats { display: grid; grid-template-columns: repeat(4, 1fr); border-right: 1px solid #d9d1e8; border-bottom: 1px solid #d9d1e8; border-left: 1px solid #d9d1e8; } .dedicatedDeploymentStats div { min-height: 73px; padding: 17px 20px; border-right: 1px solid #d9d1e8; } .dedicatedDeploymentStats div:last-child { border: 0; } .dedicatedDeploymentStats b, .dedicatedDeploymentStats span { display: block; } .dedicatedDeploymentStats b { color: #17141c; font: 800 20px var(--font-mono), monospace; } .dedicatedDeploymentStats div:first-child b { color: #6c40d4; } .dedicatedDeploymentStats span { margin-top: 6px; color: #8a8391; font: 600 6px var(--font-mono), monospace; letter-spacing: 1px; } @keyframes dedicatedTicker { to { transform: translateX(-50%); } } .dedicatedSectionRule { display: flex; align-items: center; color: #777080; font: 700 8px var(--font-mono), monospace; letter-spacing: 2px; } .dedicatedSectionRule b { margin-right: 20px; color: #6c40d4; } .dedicatedSectionRule i { height: 1px; flex: 1 1; margin: 0 20px; background: #ddd6e9; } .dedicatedSectionRule small { font-size: 7px; white-space: nowrap; } .dedicatedCompare { padding: 90px 0 100px; border-top: 1px solid #ddd6e9; background: #fff; } .dedicatedCompare h2, .dedicatedHardware h2, .dedicatedOs h2, .dedicatedUseCases h2 { margin: 22px 0 16px; font-size: clamp(50px, 4.7vw, 68px); line-height: .9; letter-spacing: -3.5px; } .dedicatedCompare > .siteWidth > p { max-width: 640px; margin: 0; color: #625d69; font-size: 13px; line-height: 1.7; } .dedicatedCompareTable { margin-top: 42px; border: 1px solid #d9d1e8; font-family: var(--font-mono), monospace; } .dedicatedCompareTable > header, .dedicatedCompareTable > div { display: grid; grid-template-columns: 1.15fr 1fr 1fr; } .dedicatedCompareTable > header > *, .dedicatedCompareTable > div > * { min-height: 39px; margin: 0; padding: 0 22px; display: flex; align-items: center; border-right: 1px solid #e4deec; } .dedicatedCompareTable > header > *:last-child, .dedicatedCompareTable > div > *:last-child { border: 0; } .dedicatedCompareTable > header { border-bottom: 1px solid #17141c; background: #f8f6fd; color: #777080; font-size: 7px; letter-spacing: 1.2px; } .dedicatedCompareTable > header b { background: #17121d; color: #fff; } .dedicatedCompareTable > header em { margin-left: 9px; padding: 2px 5px; background: #ad89ff; color: #17121d; font-size: 5px; font-style: normal; } .dedicatedCompareTable > div { border-bottom: 1px solid #e4deec; } .dedicatedCompareTable > div > span { color: #7d7685; font-size: 7px; letter-spacing: 1px; } .dedicatedCompareTable > div > b { min-height: 40px; background: #f8f6fd; color: #27232c; font: 700 10px var(--font-sans), Arial; } .dedicatedCompareTable > div > b::first-letter { color: #6c40d4; } .dedicatedCompareTable > div > p { color: #625d69; font: 10px var(--font-sans), Arial; } .dedicatedCompareTable > div:nth-last-child(2) > * { min-height: 57px; line-height: 1.55; } .dedicatedCompareTable > footer { min-height: 38px; padding: 0 22px; display: flex; align-items: center; justify-content: space-between; background: #f4f1fa; color: #817a88; font-size: 6px; letter-spacing: 1px; } .dedicatedCompareTable > footer a { color: #6c40d4; font-weight: 800; } .dedicatedHardware { padding: 90px 0 100px; border-top: 1px solid #ddd6e9; background: #f8f6fd; } .dedicatedHardwareGrid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 60px; margin-top: 14px; align-items: center; } .dedicatedHardwareGrid > div > p { max-width: 590px; margin: 0; color: #625d69; font-size: 13px; line-height: 1.7; } .dedicatedHardwareGrid dl { margin: 36px 0 0; } .dedicatedHardwareGrid dl > div { min-height: 78px; padding: 14px 0; display: grid; grid-template-columns: 42px 1fr; gap: 16px; align-items: center; border-top: 1px solid #ddd6e9; } .dedicatedHardwareGrid dl i { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #cdbdf0; background: #fff; color: #6c40d4; font: 700 17px var(--font-mono), monospace; font-style: normal; } .dedicatedHardwareGrid dl span b, .dedicatedHardwareGrid dl span small { display: block; } .dedicatedHardwareGrid dl span b { font-size: 14px; } .dedicatedHardwareGrid dl span small { margin-top: 6px; color: #625d69; font-size: 10px; line-height: 1.55; } .dedicatedHardwareGrid > div > footer { color: #817a88; font: 600 6px var(--font-mono), monospace; letter-spacing: 1px; } .dedicatedMachine { border: 1px solid #d9d1e8; background: #fff; box-shadow: 6px 6px 0 #e9e2f4; font-family: var(--font-mono), monospace; } .dedicatedMachine > header { height: 38px; padding: 0 17px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd6e9; color: #777080; font-size: 7px; letter-spacing: 1.3px; } .dedicatedMachine > header small { font-size: 6px; } .dedicatedMachineArt { position: relative; width: 100%; aspect-ratio: 831.83 / 479.09; overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 8px 14px; background: radial-gradient(circle at 50% 48%, #f8f4ff 0, #fff 68%); } .dedicatedMachineArt::before { content: ''; position: absolute; inset: 0; z-index: 0; opacity: .35; background-image: linear-gradient(45deg, transparent 49%, #7041d708 49.5%, #7041d708 50.5%, transparent 51%), linear-gradient(-45deg, transparent 49%, #7041d708 49.5%, #7041d708 50.5%, transparent 51%); background-size: 52px 52px; pointer-events: none; } .dedicatedMachineArt > img { position: relative; z-index: 1; display: block; width: 100%; height: auto; max-height: 100%; object-fit: contain; object-position: center; filter: drop-shadow(10px 15px 8px #3e24621a); } .dedicatedMachineArt .board { position: absolute; left: 18%; top: 20%; width: 64%; height: 52%; border: 2px solid #9c7be8; background: #f2edfc; transform: rotateX(55deg) rotateZ(10deg); box-shadow: 14px 18px 0 #d8c8f5; } .dedicatedMachineArt .cpu { position: absolute; top: 37%; width: 62px; height: 48px; border: 2px solid #6c40d4; background: repeating-linear-gradient(90deg, #6c40d4 0 4px, #e6dafa 4px 8px); transform: rotateX(55deg) rotateZ(10deg); } .dedicatedMachineArt .c1 { left: 35%; } .dedicatedMachineArt .c2 { left: 53%; } .dedicatedMachineArt .ram { position: absolute; top: 30%; width: 8px; height: 76px; background: #ab8de9; transform: rotateX(55deg) rotateZ(10deg); } .dedicatedMachineArt .r1 { left: 29%; }.dedicatedMachineArt .r2 { left: 32%; }.dedicatedMachineArt .r3 { left: 68%; }.dedicatedMachineArt .r4 { left: 71%; } .dedicatedMachineArt .fan { position: absolute; top: 60%; width: 30px; height: 30px; border: 3px double #6c40d4; border-radius: 50%; background: #ede6fa; transform: rotateX(55deg); } .dedicatedMachineArt .f1 { left: 38%; }.dedicatedMachineArt .f2 { left: 47%; }.dedicatedMachineArt .f3 { left: 56%; } .dedicatedMachineArt .front { position: absolute; left: 18%; right: 15%; bottom: 14%; height: 42px; border: 2px solid #9c7be8; background: repeating-linear-gradient(90deg, #fff 0 16px, #754bd0 16px 24px); transform: skewY(8deg); } .dedicatedMachine > footer { height: 36px; display: grid; grid-template-columns: 70px 105px 120px 1fr; border-top: 1px solid #ddd6e9; color: #777080; font-size: 6px; } .dedicatedMachine > footer > * { padding: 0 13px; display: flex; align-items: center; border-right: 1px solid #ddd6e9; } .dedicatedMachine > footer b { background: #6c40d4; color: #fff; } .dedicatedMachine > footer a { justify-content: flex-end; border: 0; color: #6c40d4; font-weight: 800; } .dedicatedOs { padding: 90px 0 100px; border-top: 1px solid #ddd6e9; background: #f8f6fd; } .dedicatedOs h2, .dedicatedUseCases h2 { margin-bottom: 42px; } .dedicatedOsGrid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #d9d1e8; border-left: 1px solid #d9d1e8; } .dedicatedOsGrid article { min-height: 73px; padding: 0 22px; display: flex; align-items: center; gap: 16px; border-right: 1px solid #d9d1e8; border-bottom: 1px solid #d9d1e8; background: #fff; } .dedicatedOsGrid article > i { width: 30px; height: 30px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; background: #6c40d4; color: #fff; font: 800 12px var(--font-mono), monospace; font-style: normal; } .dedicatedOsGrid article > i .osIcon, .dedicatedOsGrid article > i .fa-brands { width: 15px; height: 15px; font-size: 15px; } .dedicatedOsGrid article > i.ubuntu { background: #e95420; }.dedicatedOsGrid article > i.debian { border: 1px solid #d70a53; background: #fff; color: #d70a53; }.dedicatedOsGrid article > i.rocky { background: #11b783; }.dedicatedOsGrid article > i.alma { background: #2a9bc8; }.dedicatedOsGrid article > i.centos { border-radius: 0; background: #7c42bd; }.dedicatedOsGrid article > i.windows { border-radius: 0; background: #08a0e8; }.dedicatedOsGrid article > i.suse { background: #42b878; }.dedicatedOsGrid article > i.iso { border: 1px dashed #ad93df; border-radius: 0; background: #fff; color: #6c40d4; font-size: 8px; } .dedicatedOsGrid article b, .dedicatedOsGrid article small { display: block; } .dedicatedOsGrid article b { font-size: 13px; } .dedicatedOsGrid article small { margin-top: 5px; color: #8a8391; font: 600 6px var(--font-mono), monospace; letter-spacing: 1px; } .dedicatedUseCases { padding: 90px 0 100px; border-top: 1px solid #ddd6e9; background: #fff; } .dedicatedUseGrid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #d9d1e8; border-left: 1px solid #d9d1e8; } .dedicatedUseGrid article { min-height: 240px; padding: 25px 23px 19px; display: flex; flex-direction: column; border-right: 1px solid #d9d1e8; border-bottom: 1px solid #d9d1e8; } .dedicatedUseGrid article:nth-child(even) { background: #f8f6fd; } .dedicatedUseGrid article > i { position: relative; width: 48px; height: 48px; border: 2px solid #a885f4; border-radius: 50%; font-style: normal; } .dedicatedUseGrid article > i.database::before { content: ''; position: absolute; inset: 8px 5px; border: 2px solid #a885f4; border-radius: 50%; box-shadow: 0 8px 0 -2px #fff, 0 8px 0 0 #a885f4, 0 16px 0 -2px #fff, 0 16px 0 0 #a885f4; } .dedicatedUseGrid article > i.game::before { content: '⊕'; position: absolute; inset: 0; display: grid; place-items: center; color: #8c63e6; font-size: 26px; } .dedicatedUseGrid article > i.cloud::before { content: '☁'; position: absolute; inset: 0; display: grid; place-items: center; color: #8c63e6; font-size: 27px; } .dedicatedUseGrid article > i.traffic { border: 0; border-radius: 0; background: linear-gradient(to top, #9c73ed 0 70%, transparent 70%) 5px 17px/7px 25px no-repeat, linear-gradient(to top, #9c73ed 0 70%, transparent 70%) 18px 9px/7px 33px no-repeat, linear-gradient(to top, #9c73ed 0 70%, transparent 70%) 31px 1px/7px 41px no-repeat; } .dedicatedUseGrid h3 { margin: 16px 0 9px; font-size: 15px; } .dedicatedUseGrid p { margin: 0; color: #625d69; font-size: 10px; line-height: 1.65; } .dedicatedUseGrid footer { margin-top: auto; padding-top: 14px; border-top: 1px solid #e4deec; color: #6c40d4; font: 600 6px var(--font-mono), monospace; letter-spacing: .7px; } .dedicatedUseCases + .hostingFaq { border-top: 1px solid #ddd6e9; background: #f8f6fd; } @keyframes dedicatedPipelineLine { 0% { height: 0; } 68%, 92% { height: calc(100% - 88px); } 100% { height: 0; } } @keyframes dedicatedStageOne { 0%, 2% { opacity: .45; } 5%, 92% { opacity: 1; } 100% { opacity: .45; } } @keyframes dedicatedStageTwo { 0%, 20% { opacity: .45; } 24%, 92% { opacity: 1; } 100% { opacity: .45; } } @keyframes dedicatedStageThree { 0%, 40% { opacity: .45; } 44%, 92% { opacity: 1; } 100% { opacity: .45; } } @keyframes dedicatedStageFour { 0%, 60% { opacity: .45; } 64%, 92% { opacity: 1; } 100% { opacity: .45; } } @keyframes dedicatedCheckOne { 0%, 4% { opacity: 0; } 5%, 92% { opacity: 1; } 93%, 100% { opacity: 0; } } @keyframes dedicatedCheckTwo { 0%, 23% { opacity: 0; } 24%, 92% { opacity: 1; } 93%, 100% { opacity: 0; } } @keyframes dedicatedCheckThree { 0%, 43% { opacity: 0; } 44%, 92% { opacity: 1; } 93%, 100% { opacity: 0; } } @keyframes dedicatedCheckFour { 0%, 63% { opacity: 0; } 64%, 92% { opacity: 1; } 93%, 100% { opacity: 0; } } @keyframes dedicatedMarkerOne { 0%, 4%, 93%, 100% { background: #fff; color: #8c8298; } 5%, 92% { background: #6c40d4; color: transparent; } } @keyframes dedicatedMarkerTwo { 0%, 23%, 93%, 100% { background: #fff; color: #8c8298; } 24%, 92% { background: #6c40d4; color: transparent; } } @keyframes dedicatedMarkerThree { 0%, 43%, 93%, 100% { background: #fff; color: #8c8298; } 44%, 92% { background: #6c40d4; color: transparent; } } @keyframes dedicatedMarkerFour { 0%, 63%, 93%, 100% { background: #fff; color: #8c8298; } 64%, 92% { background: #6c40d4; color: transparent; } } .dedicatedPipelineSteps article:nth-child(1) > i { animation-name: dedicatedMarkerOne; } .dedicatedPipelineSteps article:nth-child(2) > i { animation-name: dedicatedMarkerTwo; } .dedicatedPipelineSteps article:nth-child(3) > i { animation-name: dedicatedMarkerThree; } .dedicatedPipelineSteps article:nth-child(4) > i { animation-name: dedicatedMarkerFour; } @media (prefers-reduced-motion: reduce) { .dedicatedPipelineSteps::after { height: calc(100% - 88px); animation: none; } .dedicatedPipelineSteps article > i { background: #6c40d4; color: #fff; animation: none !important; } .dedicatedPipelineSteps article > i span { opacity: 0; } .dedicatedPipelineSteps article > i b { opacity: 1; animation: none !important; } .dedicatedPipelineSteps article div, .dedicatedPipelineSteps article em { opacity: 1; animation: none !important; } } @media (max-width: 1000px) { .dedicatedHero { padding: 60px 0 85px; } .dedicatedHeroGrid { min-height: 0; grid-template-columns: 1fr; } .dedicatedHeroCopy { max-width: 760px; } .dedicatedDeploymentSteps { grid-template-columns: repeat(2, 1fr); } .dedicatedDeploymentSteps article:nth-child(2)::after { display: none; } .dedicatedHardwareGrid { grid-template-columns: 1fr; } .dedicatedOsGrid, .dedicatedUseGrid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .dedicatedHero { padding-top: 42px; } .dedicatedHeroGrid { gap: 38px; } .dedicatedHero h1 { font-size: 47px; letter-spacing: -3px; } .dedicatedHeroMeta small { display: none; } .dedicatedHeroActions { flex-direction: column; } .dedicatedHeroCopy > footer { flex-wrap: wrap; line-height: 2; } .dedicatedPipeline { height: 460px; box-shadow: 6px 6px 0 #eee9f7; } .dedicatedPipeline > header { padding: 0 10px; letter-spacing: .7px; } .dedicatedPipelineSteps { padding-right: 14px; padding-left: 14px; } .dedicatedPipelineSteps::before { left: 28px; } .dedicatedPipelineSteps article { gap: 10px; } .dedicatedPipelineSteps article em { font-size: 6px; } .dedicatedPipeline > code { left: 14px; right: 14px; font-size: 7px; } .dedicatedPipeline > footer { grid-template-columns: 82px 1fr; height: 68px; } .dedicatedPipeline > footer span:nth-child(3), .dedicatedPipeline > footer a { border-top: 1px solid #ddd6e9; } .dedicatedPipeline > code { bottom: 80px; } .dedicatedPipeline > small { bottom: -34px; line-height: 1.5; } .dedicatedPricing > header { align-items: flex-start; flex-direction: column; } .dedicatedPricing > header nav { max-width: 100%; overflow-x: auto; } .dedicatedPricing > header em { margin-left: 0; } .dedicatedPricing > footer { padding: 13px 16px; flex-wrap: wrap; gap: 12px 20px; } .dedicatedDeployment { padding: 65px 0; } .dedicatedDeploymentHeading > div { letter-spacing: 1px; } .dedicatedDeploymentHeading > div i { margin: 0 10px; } .dedicatedDeploymentHeading > div small { display: none; } .dedicatedDeploymentHeading h2 { margin-bottom: 32px; font-size: 43px; letter-spacing: -2.5px; } .dedicatedDeploymentSteps { grid-template-columns: 1fr; gap: 15px; } .dedicatedDeploymentSteps article { min-height: 0; } .dedicatedDeploymentSteps article::after { display: none; } .dedicatedDeploymentSteps p { min-height: 0; } .dedicatedDeploymentStats { grid-template-columns: repeat(2, 1fr); } .dedicatedDeploymentStats div { border-bottom: 1px solid #d9d1e8; } .dedicatedSectionRule { letter-spacing: 1px; } .dedicatedSectionRule i { margin: 0 10px; } .dedicatedSectionRule small { display: none; } .dedicatedCompare, .dedicatedHardware, .dedicatedOs, .dedicatedUseCases { padding: 65px 0; } .dedicatedCompare h2, .dedicatedHardware h2, .dedicatedOs h2, .dedicatedUseCases h2 { font-size: 43px; letter-spacing: -2.5px; } .dedicatedCompareTable { overflow-x: auto; } .dedicatedCompareTable > header, .dedicatedCompareTable > div, .dedicatedCompareTable > footer { min-width: 720px; } .dedicatedMachineArt { min-height: 0; padding: 6px 8px; } .dedicatedMachine > footer { grid-template-columns: 55px 90px 100px 1fr; } .dedicatedOsGrid, .dedicatedUseGrid { grid-template-columns: 1fr; } } .dedicatedSliderLabels { position: absolute; left: 44px; right: 44px; top: 50px; height: 60px; } .dedicatedSliderLabels button { position: absolute; top: 0; transform: translateX(-50%); max-width: 120px; border: 0; background: transparent; color: #655f6d; font-family: var(--font-mono), monospace; text-align: center; white-space: nowrap; cursor: pointer; } .dedicatedSliderLabels button:first-child { transform: translateX(0); text-align: left; } .dedicatedSliderLabels button:last-child { transform: translateX(-100%); text-align: right; } .dedicatedSliderLabels b, .dedicatedSliderLabels span, .dedicatedSliderLabels small { display: block; } .dedicatedSliderLabels b { color: #696275; font-size: 8px; } .dedicatedSliderLabels span { margin-top: 12px; font-size: 8px; font-weight: 700; } .dedicatedSliderLabels small { margin-top: 6px; color: #8d8694; font-size: 7px; } .dedicatedSliderLabels button.active b, .dedicatedSliderLabels button.active span { color: #6c40d4; } @media (max-width: 600px) { .dedicatedSliderLabels button { max-width: 80px; } } /*!********************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./app/domain-pricing.css ***! \********************************************************************************************************************************************************************************************************************************************************************/ .domainPricingTable { margin-top: 44px; border: 1px solid #d9d1e8; background: #fff; font-family: var(--font-mono), monospace; } .domainPricingTable > header { min-height: 61px; padding: 11px 18px; display: flex; align-items: center; gap: 28px; border-bottom: 1px solid #ddd6e9; background: #faf9fd; } .domainPricingTable > header > div { min-width: 150px; display: flex; flex-direction: column; gap: 5px; } .domainPricingTable > header > div span { font-size: 8px; font-weight: 800; letter-spacing: 1.4px; } .domainPricingTable > header > div small { color: #8a8391; font-size: 7px; } .domainPricingTable > header nav { display: flex; border: 1px solid #d2cae1; } .domainPricingTable > header button { min-width: 140px; height: 34px; padding: 0 18px; border: 0; border-right: 1px solid #d2cae1; background: #fff; color: #625c69; font: 700 8px var(--font-mono), monospace; cursor: pointer; } .domainPricingTable > header button:last-child { border: 0; } .domainPricingTable > header button.active { background: #6c40d4; color: #fff; } .domainPricingTable > header em { margin-left: auto; color: #6c40d4; font-size: 7px; font-style: normal; font-weight: 800; letter-spacing: 1px; } .domainPricingTableWrap { overflow-x: auto; } .domainPricingTable table { width: 100%; min-width: 850px; border-collapse: collapse; } .domainPricingTable th { height: 39px; padding: 0 16px; color: #777080; text-align: left; font-size: 8px; letter-spacing: 1px; } .domainPricingTable td { height: 57px; padding: 0 16px; border-top: 1px solid #e4deec; color: #39343f; font-size: 10px; font-weight: 600; } .domainPricingTable tbody tr { transition: background .15s; } .domainPricingTable tbody tr:hover, .domainPricingTable tbody tr.featured { background: #f3eefd; } .domainPricingTable td:first-child b, .domainPricingTable td:first-child small { display: block; } .domainPricingTable td:first-child b { color: #17141c; font-size: 13px; } .domainPricingTable td:first-child small { width: max-content; margin-top: 4px; padding: 2px 5px; background: #6c40d4; color: #fff; font-size: 5px; } .domainPricingTable td strong { color: #6c40d4; font-size: 12px; } .domainPricingTable td:last-child { text-align: right; } .domainPricingTable td a { color: #6c40d4; font-size: 8px; font-weight: 800; } .domainPricingTable > footer { min-height: 42px; padding: 0 18px; display: flex; align-items: center; gap: 28px; border-top: 1px solid #ddd6e9; background: #f1ecfc; color: #655f6c; font-size: 7px; font-weight: 700; letter-spacing: .6px; } .domainPricingTable > footer span::first-letter { color: #6c40d4; } .innerHeroGrid .domainCheckTrigger { padding: 16px 23px; border: 1px solid #6940d2; background: #6940d2; color: #fff; font: 800 9px var(--font-mono), monospace; letter-spacing: 1px; cursor: pointer; } .domainCheckerBackdrop { position: fixed; inset: 0; z-index: 1000; padding: 28px; display: grid; place-items: center; background: #100c16d9; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); } .domainCheckerModal { width: min(760px, 100%); max-height: calc(100vh - 56px); overflow: hidden; border: 1px solid #d9d1e8; background: #fff; box-shadow: 0 24px 80px #08050d66; } .domainCheckerModal.has-results { width: min(980px, 100%); } .domainCheckerModal > header { min-height: 76px; padding: 16px 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd6e9; background: #f7f4fc; } .domainCheckerModal > header small { color: #6c40d4; font: 800 7px var(--font-mono), monospace; letter-spacing: 1.5px; } .domainCheckerModal > header h2 { margin: 5px 0 0; font-size: 25px; line-height: 1; } .domainCheckerModal > header > button { width: 38px; height: 38px; border: 1px solid #d5cde1; background: #fff; color: #28222f; cursor: pointer; } .domainCheckerModal > form { padding: 20px; } .domainCheckerModal > form > label { display: block; margin-bottom: 8px; color: #716a79; font: 800 7px var(--font-mono), monospace; letter-spacing: 1.3px; } .innerHeroGrid .domainCheckerModal > form > div { height: 50px; display: grid; grid-template-columns: 54px minmax(0, 1fr) auto; border: 1px solid #cfc6dc; } .innerHeroGrid .domainCheckerModal > form > div > i { width: 100%; height: 100%; padding: 0 18px; box-sizing: border-box; display: grid; place-items: center; border-right: 1px solid #ded7e7; color: #6c40d4; } .domainCheckerModal input { min-width: 0; padding: 0 17px; border: 0; outline: 0; color: #19151e; font: 600 13px var(--font-mono), monospace; } .domainCheckerModal form button[type="submit"] { padding: 0 20px; border: 0; background: #6c40d4; color: #fff; font: 800 8px var(--font-mono), monospace; letter-spacing: 1px; cursor: pointer; } .domainCheckerModal form button[type="submit"] i { margin-left: 8px; } .domainCheckerModal form button[type="submit"]:disabled { cursor: wait; opacity: .72; } .domainCheckerError { margin: 0 20px 20px; padding: 14px 16px; display: flex; gap: 10px; align-items: center; border: 1px solid #e4b9bd; background: #fff6f7; color: #9e2833; font-size: 11px; } .domainCheckerLoading { min-height: 210px; display: flex; align-items: center; justify-content: center; flex-direction: column; border-top: 1px solid #ddd6e9; background: #faf9fd; } .domainCheckerLoading > i { margin-bottom: 14px; color: #6c40d4; font-size: 22px; } .domainCheckerLoading b { font-size: 13px; } .domainCheckerLoading span { margin-top: 6px; color: #817a88; font-size: 10px; } .domainCheckerResults { border-top: 1px solid #ddd6e9; } .domainCheckerResults > header { min-height: 40px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; background: #f1ecfc; color: #716a79; font: 700 7px var(--font-mono), monospace; letter-spacing: .8px; } .domainCheckerResults > header span i { width: 6px; height: 6px; margin-right: 7px; display: inline-block; background: #28a75e; } .domainCheckerResults > header em { font-style: normal; } .domainCheckerResults > header em i { margin-left: 7px; color: #6c40d4; } .domainCheckerList { max-height: min(52vh, 590px); overflow-y: auto; } .domainCheckerList article { min-height: 50px; padding: 7px 14px; display: grid; grid-template-columns: minmax(0, 1fr) 112px 66px; gap: 10px; align-items: center; border-top: 1px solid #e5dfed; background: #fff; } .domainCheckerList article:first-child { border-top: 0; } .domainCheckerList article:hover { background: #faf9fd; } .domainCheckerList article > div { min-width: 0; display: grid; grid-template-columns: 62px minmax(0, 1fr) 145px; gap: 10px; align-items: center; } .domainCheckerList article small { color: #6c40d4; font: 800 8px var(--font-mono), monospace; } .domainCheckerList article strong { overflow: hidden; color: #211c26; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; } .domainCheckerList article span { color: #716a79; font: 600 8px var(--font-mono), monospace; } .domainCheckerList article > b { color: #928b99; font: 800 7px var(--font-mono), monospace; letter-spacing: .7px; } .domainCheckerList article.available > b { color: #1f9252; } .innerHeroGrid .domainCheckerList article > a { padding: 8px 6px; border: 1px solid #6c40d4; color: #6c40d4; text-align: center; font: 800 7px var(--font-mono), monospace; letter-spacing: .5px; white-space: nowrap; } .domainCheckerList article > i { justify-self: center; color: #b0a9b6; font-size: 10px; } @media (max-width: 650px) { .domainPricingTable > header { align-items: flex-start; flex-direction: column; }.domainPricingTable > header nav { max-width: 100%; overflow-x: auto; }.domainPricingTable > header em { margin-left: 0; }.domainPricingTable > footer { padding: 13px 16px; flex-wrap: wrap; gap: 12px 20px; } } @media (max-width: 650px) { .domainCheckerBackdrop { padding: max(18px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); } .domainCheckerModal, .domainCheckerModal.has-results { width: min(100%, 520px); max-height: calc(100vh - 36px); max-height: calc(100dvh - 36px); } .domainCheckerModal > header { min-height: 72px; padding: 14px 16px; gap: 14px; } .domainCheckerModal > header > div { min-width: 0; } .domainCheckerModal > header h2 { font-size: clamp(18px, 5.2vw, 21px); line-height: 1.1; } .domainCheckerModal > header > button { width: 36px; height: 36px; flex: 0 0 36px; } .domainCheckerModal > form { padding: 18px 16px; } .domainCheckerModal > form > label { margin-bottom: 10px; } .innerHeroGrid .domainCheckerModal > form > div { height: auto; grid-template-columns: 48px minmax(0, 1fr); grid-template-rows: 48px 44px; } .innerHeroGrid .domainCheckerModal > form > div > i { padding: 0 15px; } .domainCheckerModal input { width: 100%; height: 48px; padding: 0 14px; } .domainCheckerModal form button[type="submit"] { min-height: 44px; grid-column: 1 / -1; grid-row: 2; } .domainCheckerError { margin: 0 16px 16px; } .domainCheckerLoading { min-height: 170px; } .domainCheckerResults > header { padding: 10px 12px; gap: 6px; align-items: flex-start; flex-direction: column; } .domainCheckerList { max-height: 52dvh; } .domainCheckerList article { min-height: 82px; padding: 10px 12px; grid-template-columns: minmax(0, 1fr) 76px; gap: 8px; } .domainCheckerList article > div { grid-column: 1 / -1; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 7px; } .domainCheckerList article span { grid-column: auto; font-size: 7px; text-align: right; } .innerHeroGrid .domainCheckerList article > a { grid-column: 2; grid-row: 2; padding: 8px 5px; } .domainCheckerList article > i { grid-column: 2; grid-row: 2; } } @media (max-width: 420px) { .domainCheckerBackdrop { padding-right: max(14px, env(safe-area-inset-right)); padding-left: max(14px, env(safe-area-inset-left)); } .domainCheckerModal > header { padding-inline: 14px; } .domainCheckerModal > form { padding: 16px 14px; } .domainCheckerList article > div { grid-template-columns: 48px minmax(0, 1fr); } .domainCheckerList article span { grid-column: 2; text-align: left; } .domainCheckerList article strong { font-size: 12px; } .domainCheckerModal input { font-size: 11px; } } /* Animated registration flow in the domain hero. */ .innerHero .domainPipeline { position: relative; height: 405px; padding: 0; border: 1px solid #d8d0e7; background: #fff; box-shadow: 9px 9px 0 #eee9f7; font-family: var(--font-mono), monospace; } .domainPipeline > header { height: 38px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd6e9; color: #898291; font-size: 7px; letter-spacing: 1.2px; } .domainPipeline > header b { display: flex; align-items: center; gap: 6px; color: #258e50; font-size: 6px; } .domainPipeline > header b i { width: 5px; height: 5px; background: #258e50; box-shadow: 0 0 0 3px #258e5014; animation: domainLivePulse 1.5s ease-in-out infinite; } .domainPipelineSteps { position: relative; padding: 17px 24px; } .domainPipelineSteps::before { content: ''; position: absolute; top: 36px; bottom: 36px; left: 40px; width: 1px; background: #d8cfe7; } .domainPipelineSteps::after { content: ''; position: absolute; top: 36px; left: 40px; width: 2px; height: 0; background: #6c40d4; box-shadow: 0 0 8px #6c40d466; animation: domainPipelineLine 10s ease-in-out infinite; } .domainPipelineSteps article { position: relative; min-height: 55px; display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 14px; align-items: center; } .domainPipelineSteps article > i { z-index: 1; width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #c8badd; background: #fff; color: #8c8298; font-size: 8px; font-style: normal; font-weight: 800; } .domainPipelineSteps article > i span, .domainPipelineSteps article > i b { grid-area: 1 / 1; } .domainPipelineSteps article > i b { opacity: 0; color: #fff; } .domainPipelineSteps article div b, .domainPipelineSteps article div small { display: block; } .domainPipelineSteps article div b { color: #1b1720; font: 800 14px var(--font-sans), Arial; } .domainPipelineSteps article div small { margin-top: 4px; color: #8a8391; font-size: 6px; letter-spacing: .9px; } .domainPipelineSteps article em { color: #168747; font-size: 7px; font-style: normal; font-weight: 800; white-space: nowrap; } .domainPipelineSteps article:last-child em { color: #6c40d4; } .domainPipelineSteps article:nth-child(1) > i, .domainPipelineSteps article:nth-child(1) div, .domainPipelineSteps article:nth-child(1) em { animation: domainStageOne 10s ease-in-out infinite; } .domainPipelineSteps article:nth-child(2) > i, .domainPipelineSteps article:nth-child(2) div, .domainPipelineSteps article:nth-child(2) em { animation: domainStageTwo 10s ease-in-out infinite; } .domainPipelineSteps article:nth-child(3) > i, .domainPipelineSteps article:nth-child(3) div, .domainPipelineSteps article:nth-child(3) em { animation: domainStageThree 10s ease-in-out infinite; } .domainPipelineSteps article:nth-child(4) > i, .domainPipelineSteps article:nth-child(4) div, .domainPipelineSteps article:nth-child(4) em { animation: domainStageFour 10s ease-in-out infinite; } .domainPipelineSteps article:nth-child(1) > i { animation-name: domainMarkerOne; } .domainPipelineSteps article:nth-child(2) > i { animation-name: domainMarkerTwo; } .domainPipelineSteps article:nth-child(3) > i { animation-name: domainMarkerThree; } .domainPipelineSteps article:nth-child(4) > i { animation-name: domainMarkerFour; } .domainPipelineSteps article:nth-child(1) > i b { animation: domainCheckOne 10s steps(1) infinite; } .domainPipelineSteps article:nth-child(2) > i b { animation: domainCheckTwo 10s steps(1) infinite; } .domainPipelineSteps article:nth-child(3) > i b { animation: domainCheckThree 10s steps(1) infinite; } .domainPipelineSteps article:nth-child(4) > i b { animation: domainCheckFour 10s steps(1) infinite; } .domainPipelineConsole { position: absolute; left: 24px; right: 24px; bottom: 49px; height: 42px; padding: 0 14px; display: flex; align-items: center; overflow: hidden; background: #1b1522; color: #c5b9cf; font: 600 7px var(--font-mono), monospace; } .domainPipelineConsole > div { position: relative; min-width: 0; height: 12px; flex: 1 1; } .domainPipelineConsole span { position: absolute; inset: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: 0; } .domainPipelineConsole span:nth-child(1) { animation: domainConsoleOne 10s steps(1) infinite; } .domainPipelineConsole span:nth-child(2) { animation: domainConsoleTwo 10s steps(1) infinite; } .domainPipelineConsole span:nth-child(3) { animation: domainConsoleThree 10s steps(1) infinite; } .domainPipelineConsole span:nth-child(4) { color: #a98aff; animation: domainConsoleFour 10s steps(1) infinite; } .domainPipelineConsole > i { width: 6px; height: 11px; margin-left: 5px; background: #9a68ed; animation: domainCursor .8s steps(1) infinite; } .domainPipeline > footer { position: absolute; right: 0; bottom: 0; left: 0; height: 35px; display: grid; grid-template-columns: 82px 78px 1fr 108px; border-top: 1px solid #ddd6e9; color: #777080; font-size: 6px; } .domainPipeline > footer > * { padding: 0 10px; display: flex; align-items: center; border-right: 1px solid #ddd6e9; } .domainPipeline > footer b { background: #6c40d4; color: #fff; } .domainPipeline > footer a { justify-content: flex-end; border: 0; color: #6c40d4; font-weight: 800; } .domainPipeline > small { position: absolute; right: 0; bottom: -23px; left: 0; display: flex; justify-content: space-between; color: #8a8390; font-size: 6px; letter-spacing: 1px; } @keyframes domainPipelineLine { 0%, 4% { height: 0; } 70%, 92% { height: calc(100% - 72px); } 100% { height: 0; } } @keyframes domainLivePulse { 50% { opacity: .35; } } @keyframes domainCursor { 50% { opacity: 0; } } @keyframes domainStageOne { 0%, 3% { opacity: .45; } 6%, 92% { opacity: 1; } 100% { opacity: .45; } } @keyframes domainStageTwo { 0%, 24% { opacity: .45; } 28%, 92% { opacity: 1; } 100% { opacity: .45; } } @keyframes domainStageThree { 0%, 46% { opacity: .45; } 50%, 92% { opacity: 1; } 100% { opacity: .45; } } @keyframes domainStageFour { 0%, 68% { opacity: .45; } 72%, 92% { opacity: 1; } 100% { opacity: .45; } } @keyframes domainMarkerOne { 0%, 5%, 94%, 100% { background: #fff; color: #8c8298; } 6%, 93% { background: #6c40d4; color: transparent; } } @keyframes domainMarkerTwo { 0%, 27%, 94%, 100% { background: #fff; color: #8c8298; } 28%, 93% { background: #6c40d4; color: transparent; } } @keyframes domainMarkerThree { 0%, 49%, 94%, 100% { background: #fff; color: #8c8298; } 50%, 93% { background: #6c40d4; color: transparent; } } @keyframes domainMarkerFour { 0%, 71%, 94%, 100% { background: #fff; color: #8c8298; } 72%, 93% { background: #6c40d4; color: transparent; } } @keyframes domainCheckOne { 0%, 5%, 94%, 100% { opacity: 0; } 6%, 93% { opacity: 1; } } @keyframes domainCheckTwo { 0%, 27%, 94%, 100% { opacity: 0; } 28%, 93% { opacity: 1; } } @keyframes domainCheckThree { 0%, 49%, 94%, 100% { opacity: 0; } 50%, 93% { opacity: 1; } } @keyframes domainCheckFour { 0%, 71%, 94%, 100% { opacity: 0; } 72%, 93% { opacity: 1; } } @keyframes domainConsoleOne { 0%, 24% { opacity: 1; } 25%, 100% { opacity: 0; } } @keyframes domainConsoleTwo { 0%, 24%, 50%, 100% { opacity: 0; } 25%, 49% { opacity: 1; } } @keyframes domainConsoleThree { 0%, 49%, 74%, 100% { opacity: 0; } 50%, 73% { opacity: 1; } } @keyframes domainConsoleFour { 0%, 73%, 94%, 100% { opacity: 0; } 74%, 93% { opacity: 1; } } @media (max-width: 600px) { .innerHero .domainPipeline { height: 410px; box-shadow: 6px 6px 0 #eee9f7; } .domainPipeline > header { padding: 0 10px; letter-spacing: .65px; } .domainPipelineSteps { padding-right: 14px; padding-left: 14px; } .domainPipelineSteps::before, .domainPipelineSteps::after { left: 30px; } .domainPipelineSteps article { gap: 10px; } .domainPipelineSteps article div b { font-size: 13px; } .domainPipelineSteps article em { font-size: 6px; } .domainPipelineConsole { right: 14px; left: 14px; font-size: 6px; } .domainPipeline > footer { height: 52px; grid-template-columns: 78px 1fr 1fr; } .domainPipeline > footer a { display: none; } .domainPipeline > small { bottom: -31px; line-height: 1.5; } } @media (prefers-reduced-motion: reduce) { .domainPipelineSteps::after { height: calc(100% - 72px); animation: none; } .domainPipelineSteps article > i { background: #6c40d4; color: transparent; animation: none !important; } .domainPipelineSteps article > i b { opacity: 1; animation: none !important; } .domainPipelineSteps article div, .domainPipelineSteps article em { opacity: 1; animation: none !important; } .domainPipelineConsole span { display: none; animation: none; } .domainPipelineConsole span:last-child { display: block; opacity: 1; } .domainPipelineConsole > i, .domainPipeline > header b i { animation: none; } } .domainRequirements { padding: 90px 0 100px; scroll-margin-top: 88px; border-top: 1px solid #ddd6e9; background: #f8f6fd; } .domainRequirements .siteWidth > header { max-width: 780px; } .domainRequirements .siteWidth > header > span { color: #6c40d4; font: 800 9px var(--font-mono), monospace; letter-spacing: 2px; } .domainRequirements .siteWidth > header h2 { margin: 14px 0 16px; font-size: 48px; line-height: .95; letter-spacing: -2.5px; } .domainRequirements .siteWidth > header p { max-width: 690px; margin: 0; color: #625d69; font-size: 13px; line-height: 1.7; } .domainRequirementsTableWrap { margin-top: 42px; overflow-x: auto; border: 1px solid #d9d1e8; background: #fff; } .domainRequirements table { width: 100%; min-width: 950px; border-collapse: collapse; } .domainRequirements th { height: 42px; padding: 0 18px; border-right: 1px solid #ddd6e9; background: #f1ecfc; color: #716a79; text-align: left; font: 800 8px var(--font-mono), monospace; letter-spacing: 1px; } .domainRequirements th:last-child { border: 0; } .domainRequirements td { padding: 17px 18px; border-top: 1px solid #e4deec; border-right: 1px solid #e4deec; color: #514b58; font-size: 11px; line-height: 1.55; vertical-align: top; } .domainRequirements td:last-child { border-right: 0; } .domainRequirements tbody tr:hover { background: #fbfaff; } .domainRequirements td:first-child b { color: #6c40d4; font: 800 13px var(--font-mono), monospace; } .domainRequirements td:nth-child(2) { color: #211d25; font-weight: 700; } .domainRequirements ul { margin: 0; padding: 0; list-style: none; } .domainRequirements li + li { margin-top: 6px; } .domainRequirements li::first-letter { color: #6c40d4; } .domainRequirementCards { display: none; } .domainRequirements .siteWidth > footer { min-height: 49px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; border-right: 1px solid #d9d1e8; border-bottom: 1px solid #d9d1e8; border-left: 1px solid #d9d1e8; background: #fff; color: #777080; font: 600 7px var(--font-mono), monospace; letter-spacing: .6px; } .domainRequirements .siteWidth > footer a { color: #6c40d4; font-weight: 800; letter-spacing: 1px; } @media (max-width: 700px) { .domainRequirements { padding: 65px 0; } .domainRequirements .siteWidth > header h2 { font-size: 39px; letter-spacing: -2px; } .domainRequirementsTableWrap { display: none; } .domainRequirementCards { margin-top: 32px; display: grid; gap: 12px; } .domainRequirementCards article { border: 1px solid #d9d1e8; background: #fff; } .domainRequirementCards article > header { min-height: 48px; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e4deec; background: #f1ecfc; } .domainRequirementCards article > header b { color: #6c40d4; font: 800 14px var(--font-mono), monospace; } .domainRequirementCards article > header span { color: #625c69; font-size: 10px; font-weight: 700; } .domainRequirementCards dl { margin: 0; padding: 5px 15px 14px; } .domainRequirementCards dl > div { padding: 12px 0; border-bottom: 1px solid #e4deec; } .domainRequirementCards dl > div:last-child { border: 0; } .domainRequirementCards dt { color: #817a88; font: 700 8px var(--font-mono), monospace; letter-spacing: 1px; } .domainRequirementCards dd { margin: 7px 0 0; color: #514b58; font-size: 11px; line-height: 1.6; } .domainRequirements .siteWidth > footer { padding: 14px; gap: 12px; align-items: flex-start; flex-direction: column; } } .domainRegistrarBenefits { padding: 90px 0 100px; border-top: 1px solid #ddd6e9; background: #fff; } .domainBenefitHeading > div { display: flex; align-items: center; color: #777080; font: 700 8px var(--font-mono), monospace; letter-spacing: 2px; } .domainBenefitHeading > div b { margin-right: 20px; color: #6c40d4; } .domainBenefitHeading > div i { height: 1px; flex: 1 1; margin: 0 20px; background: #ddd6e9; } .domainBenefitHeading > div small { font-size: 7px; white-space: nowrap; } .domainBenefitHeading h2 { margin: 22px 0 43px; font-size: clamp(48px, 4.6vw, 66px); line-height: .91; letter-spacing: -3.5px; } .domainBenefitHeading h2 strong { color: #6c40d4; } .domainBenefitGrid { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #d9d1e8; border-left: 1px solid #d9d1e8; } .domainBenefitGrid::before, .domainBenefitGrid::after { content: ''; position: absolute; z-index: 1; width: 10px; height: 10px; pointer-events: none; } .domainBenefitGrid::before { top: -1px; left: -1px; border-top: 2px solid #6c40d4; border-left: 2px solid #6c40d4; } .domainBenefitGrid::after { right: -1px; bottom: -1px; border-right: 2px solid #6c40d4; border-bottom: 2px solid #6c40d4; } .domainBenefitGrid article { min-height: 112px; padding: 20px; border-right: 1px solid #d9d1e8; border-bottom: 1px solid #d9d1e8; background: #fff; transition: background .18s; } .domainBenefitGrid article:hover { background: #f8f6fd; } .domainBenefitGrid article > span { color: #6c40d4; font: 800 7px var(--font-mono), monospace; letter-spacing: .6px; } .domainBenefitGrid h3 { margin: 10px 0 7px; font-size: 13px; } .domainBenefitGrid p { margin: 0; color: #625d69; font-size: 10px; line-height: 1.6; } @media (max-width: 900px) { .domainBenefitGrid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .domainRegistrarBenefits { padding: 65px 0; }.domainBenefitHeading > div { letter-spacing: 1px; }.domainBenefitHeading > div i { margin: 0 10px; }.domainBenefitHeading > div small { display: none; }.domainBenefitHeading h2 { margin-bottom: 32px; font-size: 41px; letter-spacing: -2.5px; }.domainBenefitGrid { grid-template-columns: 1fr; }.domainBenefitGrid article { min-height: 0; } } /*!*********************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./app/ssl-certificate.css ***! \*********************************************************************************************************************************************************************************************************************************************************************/ .sslPipeline .domainPipelineSteps article:nth-child(2) em { color: #6c40d4; } .sslPipeline .domainPipelineSteps article:nth-child(4) em { color: #168747; } .sslPipeline > header b { color: #258e50; } .sslValidationToggle { margin-top: 22px; display: flex; width: max-content; border: 1px solid #ddd6e9; } .sslValidationToggle button { height: 34px; padding: 0 18px; border: 0; border-right: 1px solid #ddd6e9; background: #fff; color: #625c69; font: 700 8px var(--font-mono), monospace; letter-spacing: .9px; cursor: pointer; } .sslValidationToggle button:last-child { border-right: 0; } .sslValidationToggle button:hover { color: #6c40d4; } .sslValidationToggle button.active { background: #6c40d4; color: #fff; } .sslValidationToggle + .planLadder { margin-top: 20px; } @media (max-width: 600px) { .sslValidationToggle { width: 100%; } .sslValidationToggle button { flex: 1 1; padding: 0 8px; } } .sslPackageFeatures { padding: 88px 0 96px; border-top: 1px solid #ddd6e9; background: #fff; } .sslFeatureHeading > div { display: flex; align-items: center; color: #807987; font: 700 7px var(--font-mono), monospace; letter-spacing: 1.4px; } .sslFeatureHeading > div b { margin-right: 18px; color: #6c40d4; } .sslFeatureHeading > div i { height: 1px; margin: 0 18px; flex: 1 1; background: #ddd6e9; } .sslFeatureHeading > div small { font-size: 6px; } .sslFeatureHeading h2 { max-width: 720px; margin: 16px 0 14px; font-size: 48px; line-height: .93; letter-spacing: -2.5px; } .sslFeatureHeading h2 strong { color: #6c40d4; } .sslFeatureHeading > p { max-width: 680px; margin: 0; color: #625d69; font-size: 13px; line-height: 1.7; } .sslFeaturePlans { margin-top: 38px; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #d9d1e8; border-left: 1px solid #d9d1e8; } .sslFeaturePlans button { min-height: 46px; padding: 8px 12px; display: flex; align-items: center; gap: 9px; border: 0; border-right: 1px solid #d9d1e8; border-bottom: 1px solid #d9d1e8; background: #fff; color: #625d69; text-align: left; font: 700 7px var(--font-mono), monospace; cursor: pointer; } .sslFeaturePlans button:hover { background: #faf8fe; color: #6c40d4; } .sslFeaturePlans button.active { background: #6c40d4; color: #fff; } .sslFeaturePlans button span { color: #9a91a4; font-size: 6px; } .sslFeaturePlans button.active span { color: #d9caff; } .sslFeatureGrid { display: grid; grid-template-columns: repeat(3, 1fr); border-left: 1px solid #d9d1e8; animation: sslFeatureReveal .22s ease-out; } .sslFeatureGrid article { min-height: 154px; padding: 23px 21px; display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 15px; border-right: 1px solid #d9d1e8; border-bottom: 1px solid #d9d1e8; background: #fff; } .sslFeatureGrid article:hover { background: #faf8fe; } .sslFeatureGrid article > i { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #cdbfe2; color: #6c40d4; font-size: 14px; transition: background .18s, color .18s; } .sslFeatureGrid article:hover > i { background: #6c40d4; color: #fff; } .sslFeatureGrid article > div { min-width: 0; display: flex; flex-direction: column; } .sslFeatureGrid h3 { margin: 2px 0 10px; font-size: 16px; line-height: 1.1; } .sslFeatureGrid p { margin: 0; color: #625d69; font-size: 10px; line-height: 1.65; } .sslFeatureGrid small { margin-top: auto; padding-top: 12px; color: #756e7d; font: 700 6px var(--font-mono), monospace; letter-spacing: .8px; } @keyframes sslFeatureReveal { from { opacity: .35; transform: translateY(4px); } } .sslBenefits { padding: 90px 0 100px; border-top: 1px solid #ddd6e9; background: #f8f6fd; } .sslBenefitsHeading { display: grid; grid-template-columns: 1fr .72fr; gap: 80px; align-items: end; } .sslBenefitsHeading span { color: #6c40d4; font: 800 9px var(--font-mono), monospace; letter-spacing: 2px; } .sslBenefitsHeading h2 { max-width: 700px; margin: 14px 0 0; font-size: 48px; line-height: .95; letter-spacing: -2.5px; } .sslBenefitsHeading > p { max-width: 510px; margin: 0; padding-left: 24px; border-left: 2px solid #6c40d4; color: #625d69; font-size: 13px; line-height: 1.75; } .sslBenefitsGrid { margin-top: 44px; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #d9d1e8; border-left: 1px solid #d9d1e8; } .sslBenefitsGrid article { min-height: 330px; padding: 22px 20px 18px; display: flex; flex-direction: column; border-right: 1px solid #d9d1e8; border-bottom: 1px solid #d9d1e8; background: #fff; } .sslBenefitsGrid article:nth-child(even) { background: #fcfbfe; } .sslBenefitsGrid article > header { display: flex; align-items: center; justify-content: space-between; } .sslBenefitsGrid article > header span { color: #8a8391; font: 700 7px var(--font-mono), monospace; } .sslBenefitsGrid article > header i { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #cdbfe2; color: #6c40d4; font-size: 14px; } .sslBenefitsGrid article > small { margin-top: 35px; color: #6c40d4; font: 800 7px var(--font-mono), monospace; letter-spacing: 1px; } .sslBenefitsGrid h3 { margin: 11px 0 12px; font-size: 19px; line-height: 1.08; } .sslBenefitsGrid p { margin: 0; color: #625d69; font-size: 11px; line-height: 1.7; } .sslBenefitsGrid article > footer { margin-top: auto; padding-top: 15px; border-top: 1px solid #e4deec; color: #716a79; font: 700 6px var(--font-mono), monospace; letter-spacing: .75px; } .sslBenefitsProof { min-height: 46px; display: grid; grid-template-columns: 1.15fr repeat(3, 1fr); border-right: 1px solid #d9d1e8; border-bottom: 1px solid #d9d1e8; border-left: 1px solid #d9d1e8; background: #fff; color: #716a79; font: 700 6px var(--font-mono), monospace; letter-spacing: .7px; } .sslBenefitsProof > * { padding: 0 14px; display: flex; align-items: center; border-right: 1px solid #d9d1e8; } .sslBenefitsProof > *:last-child { border: 0; } .sslBenefitsProof b { background: #6c40d4; color: #fff; } .sslBenefitsProof b i { margin-right: 8px; } .sslBenefits + .hostingFaq { border-top: 1px solid #ddd6e9; background: #fff; } @media (max-width: 900px) { .sslFeaturePlans { grid-template-columns: repeat(2, 1fr); } .sslFeatureGrid { grid-template-columns: repeat(2, 1fr); } .sslBenefitsHeading { grid-template-columns: 1fr; gap: 28px; } .sslBenefitsHeading > p { max-width: 700px; } .sslBenefitsGrid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .sslPackageFeatures { padding: 64px 0 70px; } .sslFeatureHeading > div small { display: none; } .sslFeatureHeading h2 { font-size: 39px; letter-spacing: -2px; } .sslFeaturePlans { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(150px, 54vw); overflow-x: auto; } .sslFeatureGrid { grid-template-columns: 1fr; } .sslFeatureGrid article { min-height: 148px; padding: 20px 17px; } .sslBenefits { padding: 66px 0 72px; } .sslBenefitsHeading h2 { font-size: 39px; letter-spacing: -2px; } .sslBenefitsHeading > p { padding-left: 17px; } .sslBenefitsGrid { grid-template-columns: 1fr; } .sslBenefitsGrid article { min-height: 285px; } .sslBenefitsProof { grid-template-columns: 1fr 1fr; } .sslBenefitsProof > * { min-height: 42px; border-top: 1px solid #d9d1e8; } } @media (prefers-reduced-motion: reduce) { .sslFeatureGrid { animation: none; } } /*!********************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./app/dns-management.css ***! \********************************************************************************************************************************************************************************************************************************************************************/ .dnsPage { background: #fff; } .dnsHero { position: relative; min-height: 640px; overflow: hidden; background: #fbfaff; } .dnsHero > .innerPattern { opacity: .85; } .dnsHeroGrid { position: relative; min-height: 640px; display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; } .dnsHeroCopy nav { margin-bottom: 28px; color: #797281; font: 700 7px var(--font-mono), monospace; letter-spacing: 1.2px; } .dnsHeroCopy nav b { color: #6c40d4; } .dnsHeroMeta { display: flex; align-items: center; color: #6c40d4; font: 700 8px var(--font-mono), monospace; letter-spacing: 1.5px; } .dnsHeroMeta i { width: 75px; height: 1px; margin: 0 14px; background: #d7cdea; } .dnsHeroMeta small { color: #777080; font-size: 7px; } .dnsHero h1 { margin: 25px 0 21px; font-size: clamp(49px, 4.8vw, 68px); line-height: .9; letter-spacing: -3.8px; } .dnsHero h1 strong { color: #6c40d4; } .dnsHeroCopy > p { max-width: 585px; margin: 0; color: #625d69; font-size: 14px; line-height: 1.75; } .dnsHeroActions { margin: 29px 0; display: flex; gap: 11px; } .dnsHeroActions a { min-width: 190px; padding: 16px 19px; border: 1px solid #1d1922; text-align: center; font: 800 8px var(--font-mono), monospace; letter-spacing: 1px; } .dnsHeroActions a:first-child { border-color: #6c40d4; background: #6c40d4; color: #fff; } .dnsHeroActions a span { float: right; } .dnsHeroCopy > footer { display: flex; flex-wrap: wrap; gap: 10px 14px; color: #6f6876; font: 700 6px var(--font-mono), monospace; letter-spacing: .6px; } .dnsHeroCopy > footer span { padding-right: 14px; border-right: 1px solid #ddd6e8; } .dnsLivePanel { position: relative; height: 470px; padding: 0; border: 1px solid #d8d0e7; background: #fff; box-shadow: 9px 9px 0 #eee9f7; font-family: var(--font-mono), monospace; } .dnsLivePanel > header { height: 38px; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd6e9; color: #817a88; font-size: 6px; letter-spacing: 1px; } .dnsLivePanel > header b { display: flex; align-items: center; gap: 6px; color: #23874b; font-size: 5px; } .dnsLivePanel > header b i { width: 5px; height: 5px; background: #27a45b; animation: dnsPulse 1.5s ease-in-out infinite; } .dnsZoneMeta { height: 57px; display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid #ddd6e9; } .dnsZoneMeta div { padding: 10px 14px; display: flex; flex-direction: column; gap: 6px; border-right: 1px solid #ddd6e9; } .dnsZoneMeta small { color: #8a8391; font-size: 6px; } .dnsZoneMeta b { color: #26212b; font-size: 8px; } .dnsRecordHead,.dnsLiveRecords > div { display: grid; grid-template-columns: 56px 55px minmax(0,1fr) 48px 55px; align-items: center; } .dnsRecordHead { height: 29px; padding: 0 11px; background: #f5f2fa; color: #8a8391; font-size: 5px; } .dnsLiveRecords > div { min-height: 42px; padding: 0 11px; border-top: 1px solid #ebe6f1; color: #5e5765; font-size: 7px; } .dnsLiveRecords b { width: max-content; padding: 4px 6px; background: #eee7fb; color: #6c40d4; font-size: 6px; } .dnsLiveRecords code { overflow: hidden; color: #28232d; font: 600 7px var(--font-mono), monospace; text-overflow: ellipsis; white-space: nowrap; } .dnsLiveRecords i { color: #22884b; font-size: 5px; font-style: normal; font-weight: 800; } .dnsDeploy { position: absolute; right: 18px; bottom: 48px; left: 18px; height: 40px; padding: 0 13px; display: flex; align-items: center; background: #1b1522; color: #c4b9ce; font-size: 6px; } .dnsDeploy span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dnsDeploy b { margin-left: 6px; color: #a679ff; animation: dnsCursor .8s steps(1) infinite; } .dnsLivePanel > footer { position: absolute; right: 0; bottom: 0; left: 0; height: 35px; display: grid; grid-template-columns: 80px 90px 1fr 83px; border-top: 1px solid #ddd6e9; color: #777080; font-size: 5px; } .dnsLivePanel > footer > * { padding: 0 9px; display: flex; align-items: center; border-right: 1px solid #ddd6e9; } .dnsLivePanel > footer b { background: #6c40d4; color: #fff; } .dnsLivePanel > footer a { justify-content: flex-end; border: 0; color: #6c40d4; font-weight: 800; } .dnsLivePanel > small { position: absolute; right: 0; bottom: -23px; left: 0; display: flex; justify-content: space-between; color: #8a8390; font-size: 6px; letter-spacing: 1px; } .dnsCapabilities { padding: 92px 0 100px; } .dnsCapabilities > .siteWidth > header { max-width: 830px; } .dnsCapabilities > .siteWidth > header > div,.dnsSectionHeading > div { display: flex; align-items: center; color: #807987; font: 700 7px var(--font-mono), monospace; letter-spacing: 1.3px; } .dnsCapabilities header > div b,.dnsSectionHeading > div b { margin-right: 18px; color: #6c40d4; } .dnsCapabilities header > div i,.dnsSectionHeading > div i { height: 1px; margin: 0 18px; flex: 1 1; background: #ddd6e9; } .dnsCapabilities header > div small,.dnsSectionHeading > div small { font-size: 6px; } .dnsCapabilities h2,.dnsSectionHeading h2 { margin: 17px 0 15px; font-size: 49px; line-height: .94; letter-spacing: -2.7px; } .dnsCapabilities h2 strong { color: #6c40d4; } .dnsCapabilities > .siteWidth > header > p { max-width: 650px; margin: 0; color: #625d69; font-size: 13px; line-height: 1.7; } .dnsCapabilityGrid { margin-top: 42px; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #d9d1e8; border-left: 1px solid #d9d1e8; } .dnsCapabilityGrid article { min-height: 265px; padding: 21px 21px 17px; display: flex; flex-direction: column; border-right: 1px solid #d9d1e8; border-bottom: 1px solid #d9d1e8; } .dnsCapabilityGrid article:nth-child(even) { background: #fbfaff; } .dnsCapabilityGrid article > header { display: flex; align-items: center; justify-content: space-between; color: #8a8391; font: 700 7px var(--font-mono), monospace; } .dnsCapabilityGrid article > header i { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid #cdbfe2; color: #6c40d4; font-size: 14px; } .dnsCapabilityGrid h3 { margin: 34px 0 10px; font-size: 18px; } .dnsCapabilityGrid p { margin: 0; color: #625d69; font-size: 11px; line-height: 1.7; } .dnsCapabilityGrid footer { margin-top: auto; padding-top: 13px; border-top: 1px solid #e4deec; color: #716a79; font: 700 6px var(--font-mono), monospace; letter-spacing: .8px; } .dnsWorkspace { padding: 90px 0 100px; border-top: 1px solid #ddd6e9; background: #f8f6fd; } .dnsSectionHeading { max-width: 790px; } .dnsWorkspaceFrame { margin-top: 40px; min-height: 430px; display: grid; grid-template-columns: 230px minmax(0,1fr); border: 1px solid #d7cfe4; background: #fff; box-shadow: 8px 8px 0 #ebe6f4; font-family: var(--font-mono), monospace; } .dnsWorkspaceFrame > aside { border-right: 1px solid #ddd6e9; background: #faf9fd; } .dnsWorkspaceFrame > aside header { height: 48px; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd6e9; color: #716a79; font-size: 7px; } .dnsWorkspaceFrame > aside header b { color: #6c40d4; } .dnsWorkspaceFrame > aside button { width: 100%; min-height: 55px; padding: 0 13px; display: grid; grid-template-columns: 7px 1fr auto; gap: 8px; align-items: center; border: 0; border-bottom: 1px solid #e6e0ec; background: transparent; color: #4f4955; text-align: left; font: 700 7px var(--font-mono), monospace; } .dnsWorkspaceFrame > aside button i { width: 5px; height: 5px; background: #29a35c; } .dnsWorkspaceFrame > aside button small { color: #8a8391; font-size: 5px; } .dnsWorkspaceFrame > aside button.active { background: #6c40d4; color: #fff; } .dnsWorkspaceFrame > aside button.active small { color: #d8c9f7; } .dnsWorkspaceFrame > aside footer { padding: 17px 14px; color: #6c40d4; font-size: 6px; font-weight: 800; } .dnsWorkspaceMain > header { min-height: 65px; padding: 0 17px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd6e9; } .dnsWorkspaceMain > header > div { display: flex; flex-direction: column; gap: 6px; } .dnsWorkspaceMain > header small { color: #8a8391; font-size: 6px; } .dnsWorkspaceMain > header b { font-size: 13px; } .dnsWorkspaceMain nav { display: flex; } .dnsWorkspaceMain nav button { min-height: 32px; padding: 0 11px; border: 1px solid #d5cde1; border-right: 0; background: #fff; color: #625c69; font: 700 6px var(--font-mono), monospace; } .dnsWorkspaceMain nav button:first-child { background: #6c40d4; color: #fff; } .dnsWorkspaceMain nav button:last-child { border-right: 1px solid #d5cde1; } .dnsBulkNotice { min-height: 39px; padding: 0 16px; display: flex; align-items: center; gap: 9px; border-bottom: 1px solid #e4deec; background: #f1f9f4; color: #4d6658; font-size: 6px; letter-spacing: .5px; } .dnsBulkNotice > i,.dnsBulkNotice b { color: #258e50; } .dnsWorkspaceMain table { width: 100%; border-collapse: collapse; } .dnsWorkspaceMain th { height: 36px; padding: 0 15px; color: #8a8391; text-align: left; font-size: 6px; } .dnsWorkspaceMain td { height: 54px; padding: 0 15px; border-top: 1px solid #e7e1ed; color: #554f5b; font-size: 7px; } .dnsWorkspaceMain td b { padding: 4px 6px; background: #eee7fb; color: #6c40d4; font-size: 6px; } .dnsRecordTypes { min-height: 53px; padding: 10px 13px; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; border-right: 1px solid #d7cfe4; border-bottom: 1px solid #d7cfe4; border-left: 1px solid #d7cfe4; background: #fff; font: 700 6px var(--font-mono), monospace; } .dnsRecordTypes b { margin-right: 8px; color: #6c40d4; } .dnsRecordTypes span { padding: 5px 7px; border: 1px solid #ddd6e9; color: #625c69; } .dnsResilience { padding: 90px 0 100px; border-top: 1px solid #ddd6e9; } .dnsResilience > .siteWidth { display: grid; grid-template-columns: .75fr 1.25fr; gap: 90px; } .dnsResilience header > span { color: #6c40d4; font: 800 8px var(--font-mono), monospace; letter-spacing: 1.7px; } .dnsResilience h2 { margin: 17px 0; font-size: 47px; line-height: .95; letter-spacing: -2.5px; } .dnsResilience header p { color: #625d69; font-size: 12px; line-height: 1.7; } .dnsResilience > .siteWidth > div { border-top: 1px solid #d9d1e8; } .dnsResilience article { min-height: 108px; display: grid; grid-template-columns: 44px 180px 1fr 20px; gap: 14px; align-items: center; border-bottom: 1px solid #d9d1e8; } .dnsResilience article > span { color: #6c40d4; font: 800 8px var(--font-mono), monospace; } .dnsResilience article h3 { font-size: 14px; } .dnsResilience article p { color: #625d69; font-size: 10px; line-height: 1.6; } .dnsResilience article > i { color: #6c40d4; font-size: 9px; } .dnsResilience + .hostingFaq { border-top: 1px solid #ddd6e9; background: #f8f6fd; } @keyframes dnsPulse { 50% { opacity: .35; } } @keyframes dnsCursor { 50% { opacity: 0; } } @media (max-width: 1000px) { .dnsHero { padding: 60px 0 85px; } .dnsHeroGrid { min-height: 0; grid-template-columns: 1fr; } .dnsHeroCopy { max-width: 760px; } .dnsCapabilityGrid { grid-template-columns: repeat(2,1fr); } .dnsResilience > .siteWidth { grid-template-columns: 1fr; gap: 42px; } } @media (max-width: 650px) { .dnsHero { padding-top: 42px; } .dnsHeroGrid { gap: 42px; } .dnsHero h1 { font-size: 47px; letter-spacing: -3px; } .dnsHeroMeta small { display: none; } .dnsHeroActions { flex-direction: column; } .dnsHeroActions a { min-width: 0; } .dnsLivePanel { height: 445px; box-shadow: 6px 6px 0 #eee9f7; } .dnsLivePanel > header { padding: 0 9px; } .dnsLivePanel > header b { font-size: 0; } .dnsRecordHead,.dnsLiveRecords > div { grid-template-columns: 50px 45px minmax(0,1fr) 40px; } .dnsRecordHead span:last-child,.dnsLiveRecords i { display: none; } .dnsLivePanel > footer { grid-template-columns: 74px 1fr 1fr; } .dnsLivePanel > footer a { display: none; } .dnsCapabilities,.dnsWorkspace,.dnsResilience { padding: 66px 0 72px; } .dnsCapabilities h2,.dnsSectionHeading h2,.dnsResilience h2 { font-size: 39px; letter-spacing: -2px; } .dnsCapabilityGrid { grid-template-columns: 1fr; } .dnsCapabilityGrid article { min-height: 235px; } .dnsWorkspaceFrame { grid-template-columns: 1fr; overflow: hidden; } .dnsWorkspaceFrame > aside { display: none; } .dnsWorkspaceMain > header { align-items: flex-start; flex-direction: column; padding: 13px; gap: 10px; } .dnsWorkspaceMain { overflow-x: auto; } .dnsWorkspaceMain table { min-width: 620px; } .dnsBulkNotice { min-width: 620px; } .dnsResilience article { grid-template-columns: 34px 1fr 15px; padding: 18px 0; } .dnsResilience article h3 { font-size: 13px; } .dnsResilience article p { grid-column: 2; margin: 0; } .dnsResilience article > i { grid-column: 3; grid-row: 1; } } @media (prefers-reduced-motion: reduce) { .dnsLivePanel > header b i,.dnsDeploy b { animation: none; } } /*!********************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./app/smart-presence.css ***! \********************************************************************************************************************************************************************************************************************************************************************/ .presencePage { background: #fff; } .presenceHero { position: relative; min-height: 690px; overflow: hidden; background: #fbfaff; } .presenceHero > .innerPattern { opacity: .75; } .presenceHeroGrid { position: relative; min-height: 690px; display: grid; grid-template-columns: 1.05fr .75fr; gap: 90px; align-items: center; } .presenceHeroCopy nav { margin-bottom: 28px; color: #797281; font: 700 7px var(--font-mono), monospace; letter-spacing: 1.2px; } .presenceHeroCopy nav b { color: #6c40d4; } .presenceHeroMeta { display: flex; align-items: center; color: #6c40d4; font: 700 8px var(--font-mono), monospace; letter-spacing: 1.5px; } .presenceHeroMeta i { width: 72px; height: 1px; margin: 0 14px; background: #d7cdea; } .presenceHeroMeta small { color: #1d4a4b; font-size: 7px; } .presenceHero h1 { margin: 25px 0 21px; font-size: clamp(50px,4.8vw,68px); line-height: .9; letter-spacing: -3.8px; } .presenceHero h1 strong { color: #6c40d4; } .presenceHeroCopy > p { max-width: 610px; margin: 0; color: #625d69; font-size: 14px; line-height: 1.75; } .presenceStoreActions { margin-top: 25px; display: flex; gap: 10px; } .presenceStoreActions a { min-width: 174px; height: 52px; padding: 0 15px; display: flex; align-items: center; gap: 12px; border: 1px solid #28232d; background: #17141c; color: #fff; } .presenceStoreActions a > i { width: 22px; font-size: 20px; text-align: center; } .presenceStoreActions span { display: flex; flex-direction: column; gap: 2px; } .presenceStoreActions small { color: #aaa4b0; font: 600 6px var(--font-mono), monospace; letter-spacing: .8px; } .presenceStoreActions b { font-size: 12px; } .presenceHeroLinks { margin: 12px 0 24px; display: flex; gap: 10px; } .presenceHeroLinks a { min-width: 174px; padding: 13px 17px; border: 1px solid #d1c9dc; text-align: center; font: 800 7px var(--font-mono), monospace; letter-spacing: .8px; } .presenceHeroLinks a:first-child { border-color: #6c40d4; color: #6c40d4; } .presenceHeroLinks a span { float: right; } .presenceHeroCopy > footer { display: flex; gap: 13px; color: #6f6876; font: 700 6px var(--font-mono), monospace; letter-spacing: .6px; } .presenceHeroCopy > footer span { padding-right: 13px; border-right: 1px solid #ddd6e8; } .presenceDeviceStage { position: relative; height: 620px; display: grid; place-items: center; } .presencePhone { position: relative; width: 270px; height: 585px; padding: 8px; overflow: hidden; border: 2px solid #211d25; border-radius: 34px; background: #111; box-shadow: 18px 22px 0 #eee9f7, 0 28px 55px #231b3626; } .presencePhone::before { content: ''; position: absolute; z-index: 2; top: 13px; left: 50%; width: 73px; height: 18px; border-radius: 10px; background: #111; transform: translateX(-50%); } .presencePhone img { width: 100%; height: 100%; display: block; border-radius: 26px; object-fit: cover; } .presenceScanTag,.presenceLocationTag { position: absolute; z-index: 3; min-width: 180px; padding: 10px 12px; display: flex; align-items: center; gap: 10px; border: 1px solid #d8d0e7; background: #fff; box-shadow: 6px 6px 0 #eee9f7; font-family: var(--font-mono), monospace; } .presenceScanTag { top: 100px; left: -14px; } .presenceLocationTag { right: -25px; bottom: 145px; } .presenceScanTag > i { width: 10px; height: 10px; border: 2px solid #32a867; border-radius: 50%; box-shadow: 0 0 0 5px #32a8671d; animation: presencePulse 1.6s ease-in-out infinite; } .presenceLocationTag > i { width: 22px; color: #6c40d4; font-size: 17px; text-align: center; } .presenceScanTag span,.presenceLocationTag span { display: flex; flex-direction: column; gap: 4px; } .presenceScanTag b,.presenceLocationTag b { color: #1d4a4b; font-size: 7px; } .presenceScanTag small,.presenceLocationTag small { color: #8a8391; font-size: 5px; letter-spacing: .7px; } .presenceDeviceStats { position: absolute; right: -14px; bottom: 70px; left: 3px; min-height: 36px; display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid #d8d0e7; background: #fff; font: 600 5px var(--font-mono), monospace; } .presenceDeviceStats span { padding: 0 8px; display: flex; align-items: center; gap: 5px; border-right: 1px solid #ddd6e9; } .presenceDeviceStats b { color: #6c40d4; } .presenceDeviceStage > small { position: absolute; right: 0; bottom: 29px; left: 0; color: #8a8391; text-align: center; font: 600 6px var(--font-mono), monospace; letter-spacing: 1px; } .presenceFlow { padding: 90px 0 100px; } .presenceFlow .siteWidth > header { max-width: 790px; } .presenceFlow header > div,.presenceGallery > .siteWidth > header > div { display: flex; align-items: center; color: #807987; font: 700 7px var(--font-mono), monospace; letter-spacing: 1.3px; } .presenceFlow header > div b,.presenceGallery header > div b { margin-right: 18px; color: #6c40d4; } .presenceFlow header > div i,.presenceGallery header > div i { height: 1px; margin: 0 18px; flex: 1 1; background: #ddd6e9; } .presenceFlow header > div small,.presenceGallery header > div small { font-size: 6px; } .presenceFlow h2,.presenceGallery h2 { margin: 17px 0 15px; font-size: 49px; line-height: .94; letter-spacing: -2.7px; } .presenceFlow h2 strong { color: #6c40d4; } .presenceFlow .siteWidth > header > p { max-width: 640px; margin: 0; color: #625d69; font-size: 13px; line-height: 1.7; } .presenceFlowSteps { margin-top: 42px; display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid #d9d1e8; border-left: 1px solid #d9d1e8; } .presenceFlowSteps article { position: relative; min-height: 240px; padding: 24px 21px 19px; border-right: 1px solid #d9d1e8; border-bottom: 1px solid #d9d1e8; } .presenceFlowSteps article::after { content: '→'; position: absolute; z-index: 2; top: 40px; right: -9px; color: #6c40d4; font: 800 12px var(--font-mono), monospace; } .presenceFlowSteps article:last-child::after { display: none; } .presenceFlowSteps article > i { width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid #cdbfe2; color: #6c40d4; font-size: 17px; } .presenceFlowSteps article > span { position: absolute; top: 25px; right: 20px; color: #91899a; font: 700 7px var(--font-mono), monospace; } .presenceFlowSteps h3 { margin: 41px 0 10px; font-size: 16px; } .presenceFlowSteps p { margin: 0; color: #625d69; font-size: 10px; line-height: 1.65; } .presenceFeatures { padding: 90px 0 100px; border-top: 1px solid #ddd6e9; background: #f8f6fd; } .presenceFeatures .siteWidth > header { max-width: 770px; } .presenceFeatures .siteWidth > header > span { color: #6c40d4; font: 800 8px var(--font-mono), monospace; letter-spacing: 1.7px; } .presenceFeatures h2 { margin: 17px 0 15px; font-size: 49px; line-height: .94; letter-spacing: -2.7px; } .presenceFeatures .siteWidth > header > p { max-width: 650px; color: #625d69; font-size: 13px; line-height: 1.7; } .presenceFeatureGrid { margin-top: 40px; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #d9d1e8; border-left: 1px solid #d9d1e8; } .presenceFeatureGrid article { min-height: 270px; padding: 21px 21px 17px; display: flex; flex-direction: column; border-right: 1px solid #d9d1e8; border-bottom: 1px solid #d9d1e8; background: #fff; } .presenceFeatureGrid article:nth-child(even) { background: #fcfbfe; } .presenceFeatureGrid article > header { display: flex; align-items: center; justify-content: space-between; color: #8a8391; font: 700 7px var(--font-mono), monospace; } .presenceFeatureGrid article > header i { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #bdd1ce; color: #1d5554; font-size: 15px; } .presenceFeatureGrid h3 { margin: 34px 0 10px; font-size: 18px; } .presenceFeatureGrid p { margin: 0; color: #625d69; font-size: 11px; line-height: 1.7; } .presenceFeatureGrid footer { margin-top: auto; padding-top: 13px; border-top: 1px solid #e4deec; color: #716a79; font: 700 6px var(--font-mono), monospace; letter-spacing: .8px; } .presenceSecurity { padding: 90px 0 100px; background: #172f31; color: #fff; } .presenceSecurity > .siteWidth > header { display: grid; grid-template-columns: 1fr .72fr; gap: 85px; align-items: end; } .presenceSecurity header span { color: #a88bfa; font: 800 8px var(--font-mono), monospace; letter-spacing: 1.7px; } .presenceSecurity h2 { margin: 17px 0 0; font-size: 49px; line-height: .94; letter-spacing: -2.7px; } .presenceSecurity h2 strong { color: #b695ff; } .presenceSecurity header > p { margin: 0; padding-left: 22px; border-left: 2px solid #8d68e8; color: #c4d0d0; font-size: 12px; line-height: 1.8; } .presenceSecurity > .siteWidth > div { margin-top: 43px; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #365153; border-left: 1px solid #365153; } .presenceSecurity article { min-height: 185px; padding: 22px 20px; display: grid; grid-template-columns: 1fr 22px; border-right: 1px solid #365153; border-bottom: 1px solid #365153; } .presenceSecurity article > span { color: #ad8cf9; font: 700 6px var(--font-mono), monospace; letter-spacing: 1px; } .presenceSecurity article h3 { grid-column: 1; margin: 20px 0 8px; font-size: 15px; } .presenceSecurity article p { grid-column: 1/-1; margin: 0; color: #b5c2c2; font-size: 10px; line-height: 1.7; } .presenceSecurity article > i { grid-column: 2; grid-row: 1; color: #4fc07d; font-size: 9px; } .presenceGallery { padding: 90px 0 100px; overflow: hidden; } .presenceGallery > .siteWidth > header { max-width: 820px; } .presenceGalleryGrid { width: min(900px,100%); margin: 42px auto 0; display: grid; grid-template-columns: repeat(3,1fr); gap: 34px; align-items: start; } .presenceGalleryGrid figure { margin: 0; } .presenceGalleryGrid figure:nth-child(2) { margin-top: 40px; } .presenceGalleryGrid figure > div { padding: 7px; overflow: hidden; border: 1px solid #d6cfe0; border-radius: 28px; background: #15121a; box-shadow: 9px 10px 0 #eee9f7; } .presenceGalleryGrid img { width: 100%; aspect-ratio: 600/1300; display: block; border-radius: 22px; object-fit: cover; } .presenceGalleryGrid figcaption { margin-top: 18px; display: flex; gap: 12px; color: #716a79; font: 700 6px var(--font-mono), monospace; letter-spacing: .8px; } .presenceGalleryGrid figcaption b { color: #6c40d4; } .presenceGallery > .siteWidth > footer { width: min(900px,100%); min-height: 47px; margin: 35px auto 0; display: grid; grid-template-columns: 1fr 1fr 120px; border: 1px solid #d9d1e8; font: 700 6px var(--font-mono), monospace; } .presenceGallery > .siteWidth > footer > * { padding: 0 14px; display: flex; align-items: center; gap: 8px; border-right: 1px solid #d9d1e8; } .presenceGallery > .siteWidth > footer i { color: #6c40d4; font-size: 12px; } .presenceGallery > .siteWidth > footer a { justify-content: flex-end; border: 0; color: #6c40d4; } .presencePlans { background: #f8f6fd; border-top: 1px solid #ddd6e9; } .presenceOnboarding { padding: 90px 0 100px; } .presenceOnboarding > .siteWidth { display: grid; grid-template-columns: .75fr 1.25fr; gap: 90px; } .presenceOnboarding header > span { color: #6c40d4; font: 800 8px var(--font-mono), monospace; letter-spacing: 1.7px; } .presenceOnboarding h2 { margin: 17px 0; font-size: 47px; line-height: .95; letter-spacing: -2.5px; } .presenceOnboarding header p { color: #625d69; font-size: 12px; line-height: 1.7; } .presenceOnboarding ol { margin: 0; padding: 0; border-top: 1px solid #d9d1e8; list-style: none; } .presenceOnboarding li { min-height: 112px; padding: 18px 0; display: grid; grid-template-columns: 48px 1fr; align-items: center; border-bottom: 1px solid #d9d1e8; } .presenceOnboarding li > b { color: #6c40d4; font: 800 8px var(--font-mono), monospace; } .presenceOnboarding li h3 { margin: 0 0 7px; font-size: 14px; } .presenceOnboarding li p { margin: 0; color: #625d69; font-size: 10px; line-height: 1.65; } .presenceOnboarding + .hostingFaq { border-top: 1px solid #ddd6e9; background: #f8f6fd; } @keyframes presencePulse { 50% { opacity: .35; transform: scale(.85); } } @media (max-width:1000px) { .presenceHero { padding: 60px 0 80px; } .presenceHeroGrid { min-height: 0; grid-template-columns: 1fr; } .presenceHeroCopy { max-width: 760px; } .presenceDeviceStage { width: min(540px,100%); margin: auto; } .presenceFlowSteps { grid-template-columns: repeat(2,1fr); } .presenceFlowSteps article:nth-child(2)::after { display: none; } .presenceFeatureGrid { grid-template-columns: repeat(2,1fr); } .presenceSecurity > .siteWidth > header { grid-template-columns: 1fr; gap: 28px; } .presenceSecurity > .siteWidth > div { grid-template-columns: repeat(2,1fr); } .presenceOnboarding > .siteWidth { grid-template-columns: 1fr; gap: 40px; } } @media (max-width:650px) { .presenceHero { padding-top: 42px; } .presenceHeroGrid { gap: 38px; } .presenceHero h1 { font-size: 47px; letter-spacing: -3px; } .presenceHeroMeta small { display: none; } .presenceStoreActions,.presenceHeroLinks { flex-direction: column; } .presenceStoreActions a,.presenceHeroLinks a { min-width: 0; } .presenceHeroCopy > footer { flex-wrap: wrap; line-height: 2; } .presenceDeviceStage { height: 590px; } .presencePhone { width: 248px; height: 537px; } .presenceScanTag { left: -4px; } .presenceLocationTag { right: -4px; } .presenceDeviceStats { right: 0; left: 0; } .presenceFlow,.presenceFeatures,.presenceSecurity,.presenceGallery,.presenceOnboarding { padding: 66px 0 72px; } .presenceFlow h2,.presenceFeatures h2,.presenceSecurity h2,.presenceGallery h2,.presenceOnboarding h2 { font-size: 39px; letter-spacing: -2px; } .presenceFlowSteps,.presenceFeatureGrid,.presenceSecurity > .siteWidth > div { grid-template-columns: 1fr; } .presenceFlowSteps article::after { display: none; } .presenceGalleryGrid { width: 246px; grid-template-columns: repeat(3,246px); gap: 22px; overflow: visible; transform: translateX(calc((100vw - 278px)/2)); margin-left: 0; } .presenceGalleryGrid figure:nth-child(2) { margin-top: 0; } .presenceGallery > .siteWidth > footer { grid-template-columns: 1fr; } .presenceGallery > .siteWidth > footer > * { min-height: 42px; border-right: 0; border-bottom: 1px solid #d9d1e8; } .presenceGallery > .siteWidth > footer a { justify-content: flex-start; border: 0; } } @media (prefers-reduced-motion:reduce) { .presenceScanTag > i { animation: none; } } /*!***********************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./app/software-products.css ***! \***********************************************************************************************************************************************************************************************************************************************************************/ .softwarePage { --software-accent:#6c40d4; --software-accent-soft:#eee9fb; background:#fff; overflow:hidden; } .softwarePage.litespeed { --software-accent:#d64058; --software-accent-soft:#fff0f2; } .softwarePage.cloudlinux { --software-accent:#147b68; --software-accent-soft:#eaf8f4; } .softwarePage.imunify { --software-accent:#176f66; --software-accent-soft:#e9f7f4; } .softwarePage.migration { --software-accent:#8b5417; --software-accent-soft:#fff5e8; } .softwarePage.plesk { --software-accent:#14708a; --software-accent-soft:#eaf7fb; } .softwarePage.softaculous { --software-accent:#7c3aed; --software-accent-soft:#f3ecfe; } .softwarePage.jetbackup { --software-accent:#e8590c; --software-accent-soft:#fff1e8; } .softwareHero { position:relative; min-height:680px; overflow:hidden; background:#faf9fd; border-bottom:1px solid #ddd7e8; } .softwarePattern { position:absolute; inset:0; opacity:.7; background-image:linear-gradient(45deg,transparent 49%,#6c40d409 49.5%,#6c40d409 50.5%,transparent 51%),linear-gradient(-45deg,transparent 49%,#6c40d409 49.5%,#6c40d409 50.5%,transparent 51%); background-size:56px 56px; } .softwareHeroGrid { position:relative; min-height:680px; display:grid; grid-template-columns:.95fr 1.05fr; gap:80px; align-items:center; } .softwareBreadcrumb { margin-bottom:30px; color:#8b8492; font:700 7px var(--font-mono),monospace; letter-spacing:1px; } .softwareBreadcrumb i { margin:0 9px; color:#b0a9b9; font-style:normal; } .softwareBreadcrumb b { color:var(--software-accent); } .softwareEyebrow { display:flex; align-items:center; color:#797281; font:800 8px var(--font-mono),monospace; letter-spacing:1.7px; } .softwareEyebrow span { color:var(--software-accent); } .softwareEyebrow > i { width:64px; height:1px; margin:0 14px; background:#d5cde1; } .softwareHero h1 { margin:24px 0 21px; font-size:clamp(50px,5vw,72px); line-height:.9; letter-spacing:-3.8px; } .softwareHero h1 strong,.softwareSectionHead h2 strong { color:var(--software-accent); } .softwareHeroCopy > p { max-width:600px; margin:0; color:#625d69; font-size:14px; line-height:1.75; } .softwareHeroCopy > nav { margin:28px 0 23px; display:flex; gap:10px; } .softwareHeroCopy > nav a { min-width:176px; min-height:50px; padding:0 18px; display:flex; align-items:center; justify-content:space-between; border:1px solid #25212a; font:800 8px var(--font-mono),monospace; letter-spacing:1px; } .softwareHeroCopy > nav a:first-child { border-color:var(--software-accent); background:var(--software-accent); color:#fff; } .softwareHeroCopy > footer { display:flex; flex-wrap:wrap; gap:10px 16px; color:#716a79; font:700 6px var(--font-mono),monospace; letter-spacing:.7px; } .softwareHeroCopy > footer span { padding-right:16px; border-right:1px solid #d8d1e3; } .softwareHeroVisual { position:relative; min-width:0; padding:43px 0 31px; } .softwareProductTag { position:absolute; z-index:2; top:0; left:-24px; min-width:230px; min-height:62px; padding:10px 14px; display:flex; align-items:center; gap:12px; border:1px solid #d4cce1; background:#fff; box-shadow:7px 7px 0 var(--software-accent-soft); } .softwareProductTag > i { width:38px; height:38px; display:grid; place-items:center; background:var(--software-accent); color:#fff; font-size:15px; } .softwareProductLogo { height:22px; width:auto; flex:0 0 auto; } .softwareProductLogoChip { display:flex; align-items:center; flex:0 0 auto; } .softwareProductLogoChip.onDark { padding:8px 10px; background:var(--software-accent); } .softwareProductTag span { display:flex; flex-direction:column; gap:5px; } .softwareProductTag small { color:#918a99; font:700 6px var(--font-mono),monospace; letter-spacing:1px; } .softwareProductTag b { font-size:11px; } .softwareConsole { position:relative; border:1px solid #ccc3db; background:#fff; box-shadow:15px 17px 0 var(--software-accent-soft); } .softwareConsole > header { min-height:50px; padding:0 18px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #dcd5e6; font:800 7px var(--font-mono),monospace; letter-spacing:1px; } .softwareConsole > header span { display:flex; align-items:center; gap:9px; } .softwareConsole > header span > i { color:var(--software-accent); font-size:12px; } .softwareConsole > header b { color:#258c54; font-size:6px; } .softwareConsole > header b i,.softwareConsole > footer span i,.softwareLiveTag i { width:6px; height:6px; display:inline-block; margin-right:7px; background:#2a9a5b; animation:softwarePulse 1.8s ease-in-out infinite; } .softwareConsoleMeta { min-height:60px; padding:0 18px; display:flex; align-items:center; justify-content:space-between; background:#f9f7fc; color:#8c8593; font:700 6px var(--font-mono),monospace; letter-spacing:1px; } .softwareConsoleMeta em { color:var(--software-accent); font-style:normal; } .softwareConsoleGrid { display:grid; grid-template-columns:repeat(2,1fr); } .softwareConsoleGrid article { position:relative; min-height:82px; padding:15px 16px; display:grid; grid-template-columns:36px 1fr; align-items:center; border-right:1px solid #ded8e7; border-bottom:1px solid #ded8e7; } .softwareConsoleGrid article:nth-child(2n) { border-right:0; } .softwareConsoleGrid article > i { width:32px; height:32px; display:grid; place-items:center; border:1px solid color-mix(in srgb,var(--software-accent) 35%,#ddd); color:var(--software-accent); font-size:13px; } .softwareConsoleGrid article span { display:flex; flex-direction:column; gap:6px; } .softwareConsoleGrid article b { font-size:11px; } .softwareConsoleGrid article small { color:#817a88; font:500 6px var(--font-mono),monospace; } .softwareConsoleGrid article em { position:absolute; top:11px; right:12px; color:#b1a9b8; font:normal 600 5px var(--font-mono),monospace; } .softwareConsole > footer { min-height:50px; padding:0 17px; display:flex; align-items:center; justify-content:space-between; background:#17141c; color:#847e8a; font:700 6px var(--font-mono),monospace; letter-spacing:.7px; } .softwareConsole > footer span { color:#a8a1af; } .softwareLiveTag { position:absolute; right:-18px; bottom:0; min-height:38px; padding:0 13px; display:flex; align-items:center; border:1px solid #d4cce1; background:#fff; color:#257b4b; font:800 6px var(--font-mono),monospace; letter-spacing:.8px; box-shadow:5px 5px 0 var(--software-accent-soft); } .softwareFeatures { padding:92px 0 100px; } .softwareSectionHead { max-width:850px; } .softwareSectionHead > div { display:flex; align-items:center; color:#807987; font:700 7px var(--font-mono),monospace; letter-spacing:1.3px; } .softwareSectionHead > div span,.softwareSectionHead > span { color:var(--software-accent); } .softwareSectionHead > div span::after { content:''; width:90px; height:1px; display:inline-block; margin:0 16px 2px; background:#d8d1e3; } .softwareSectionHead > div small { font-size:6px; } .softwareSectionHead h2 { margin:18px 0 16px; font-size:clamp(40px,4.3vw,57px); line-height:.92; letter-spacing:-3px; } .softwareSectionHead > p { max-width:680px; margin:0; color:#625d69; font-size:13px; line-height:1.75; } .softwareFeatureGrid { margin-top:43px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #d9d1e8; border-left:1px solid #d9d1e8; } .softwareFeatureGrid article { min-height:185px; padding:22px 21px 18px; display:flex; flex-direction:column; border-right:1px solid #d9d1e8; border-bottom:1px solid #d9d1e8; transition:background .2s,transform .2s; } .softwareFeatureGrid article:hover { z-index:1; background:#faf8fe; transform:translateY(-3px); } .softwareFeatureGrid article header { display:flex; align-items:center; justify-content:space-between; color:#97909e; font:700 7px var(--font-mono),monospace; } .softwareFeatureGrid article header > i { width:44px; height:44px; display:grid; place-items:center; border:1px solid color-mix(in srgb,var(--software-accent) 35%,#ddd); color:var(--software-accent); font-size:16px; } .softwareFeatureGrid h3 { margin:16px 0 10px; font-size:18px; } .softwareFeatureGrid p { margin:0; color:#625d69; font-size:11px; line-height:1.7; } .softwareFeatureGrid footer { margin-top:auto; padding-top:15px; border-top:1px solid #e4deec; color:var(--software-accent); font:700 6px var(--font-mono),monospace; letter-spacing:.9px; } .softwareWorkflow { padding:92px 0 100px; border-top:1px solid #33303b; background:#17151d; color:#fff; } .softwareWorkflowGrid { display:grid; grid-template-columns:.72fr 1.28fr; gap:90px; } .softwareWorkflow header > span { color:#a98bf2; font:800 8px var(--font-mono),monospace; letter-spacing:1.6px; } .softwareWorkflow h2 { margin:18px 0 16px; font-size:47px; line-height:.94; letter-spacing:-2.7px; } .softwareWorkflow header p { color:#aaa4b1; font-size:12px; line-height:1.75; } .softwareWorkflow header a { min-height:43px; margin-top:20px; padding:0 15px; display:inline-flex; align-items:center; gap:24px; border:1px solid #4a4552; color:#fff; font:800 7px var(--font-mono),monospace; letter-spacing:.8px; } .softwareWorkflow ol { margin:0; padding:0; border-top:1px solid #393541; list-style:none; } .softwareWorkflow li { min-height:115px; display:grid; grid-template-columns:55px 1fr 45px; align-items:center; border-bottom:1px solid #393541; } .softwareWorkflow li > b { color:#9b7bea; font:800 8px var(--font-mono),monospace; } .softwareWorkflow li h3 { margin:0 0 7px; font-size:16px; } .softwareWorkflow li p { margin:0; color:#9d97a4; font-size:10px; line-height:1.65; } .softwareWorkflow li > span { width:34px; height:34px; display:grid; place-items:center; border:1px solid #4b4654; color:#746e7b; font:700 6px var(--font-mono),monospace; } .softwareWorkflow li > span.active { border-color:#7050c5; background:#6c40d4; color:#fff; } .softwareStack { padding:92px 0 100px; background:#f8f6fc; } .softwareSectionHead.compact { max-width:780px; } .softwareSectionHead.compact > span { font:800 8px var(--font-mono),monospace; letter-spacing:1.6px; } .softwareSectionHead.compact h2 { font-size:47px; } .softwarePreview { padding:92px 0 96px; background:#f8f6fc; } .softwarePreviewFrame { margin-top:42px; border:1px solid #ccc3db; background:#fff; box-shadow:15px 17px 0 var(--software-accent-soft); } .softwarePreviewFrame > header { min-height:44px; padding:0 18px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid #dcd5e6; font:800 7px var(--font-mono),monospace; letter-spacing:1px; } .softwarePreviewFrame > header span { display:flex; align-items:center; gap:9px; color:#6b6472; } .softwarePreviewFrame > header span > i { color:var(--software-accent); font-size:12px; } .softwarePreviewFrame > header > b { color:var(--software-accent); font-weight:800; } .softwarePreviewImage { padding:26px; display:grid; place-items:center; background:repeating-linear-gradient(135deg,#fbfaff 0 14px,#f5f2fb 14px 28px); } .softwarePreviewImage img { max-width:100%; height:auto; max-height:560px; display:block; box-shadow:0 20px 40px #34216822; border-radius:4px; } .softwarePreviewFrame > footer { min-height:42px; padding:0 18px; display:flex; align-items:center; justify-content:space-between; gap:12px; background:#17141c; color:#847e8a; font:700 6px var(--font-mono),monospace; letter-spacing:.7px; } .softwarePreviewFrame > footer span { display:flex; align-items:center; } .softwarePreviewFrame > footer span > i { width:6px; height:6px; display:inline-block; margin-right:7px; background:#2a9a5b; border-radius:50%; animation:softwarePulse 1.8s ease-in-out infinite; } @media(max-width:600px) { .softwarePreview { padding:64px 0 70px; } .softwarePreviewFrame > header,.softwarePreviewFrame > footer { flex-direction:column; align-items:flex-start; gap:6px; padding:10px 14px; min-height:0; } .softwarePreviewImage { padding:14px; } } .softwareStackGrid { margin-top:42px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #d8d1e3; border-left:1px solid #d8d1e3; } .softwareStackGrid a { position:relative; min-height:178px; padding:22px; display:flex; flex-direction:column; border-right:1px solid #d8d1e3; border-bottom:1px solid #d8d1e3; background:#fff; } .softwareStackGrid a.active { box-shadow:inset 0 3px var(--software-accent); background:color-mix(in srgb,var(--software-accent-soft) 55%,#fff); } .softwareStackGrid a > span { position:absolute; top:22px; right:20px; color:#98919f; font:700 7px var(--font-mono),monospace; } .softwareStackGrid a > i { width:46px; height:46px; display:grid; place-items:center; border:1px solid #cbbfe0; color:var(--software-accent); font-size:17px; } .softwareStackGrid h3 { margin:16px 0 10px; font-size:18px; } .softwareStackGrid p { margin:0; color:#625d69; font-size:11px; line-height:1.65; } .softwareStackGrid a > b { margin-top:auto; padding-top:15px; border-top:1px solid #e2dce9; color:var(--software-accent); font:800 7px var(--font-mono),monospace; letter-spacing:.8px; } .softwareStackGrid a > b em { float:right; font-style:normal; } .softwarePage .hostingFaq { border-top:1px solid #ddd7e8; } @keyframes softwarePulse { 50% { opacity:.3; transform:scale(.75); } } @media(max-width:1000px) { .softwareHero { padding:70px 0 85px; } .softwareHeroGrid { min-height:0; grid-template-columns:1fr; gap:70px; } .softwareHeroCopy { max-width:760px; } .softwareHeroVisual { width:min(650px,100%); margin:auto; } .softwareWorkflowGrid { grid-template-columns:1fr; gap:45px; } } @media(max-width:760px) { .softwareFeatureGrid { grid-template-columns:repeat(2,1fr); } .softwareStackGrid { grid-template-columns:1fr; } .softwareStackGrid a { min-height:0; } } @media(max-width:600px) { .softwareHero { padding:48px 0 70px; } .softwareHeroGrid { gap:55px; } .softwareHero h1 { font-size:45px; letter-spacing:-2.5px; } .softwareHeroCopy > nav { flex-direction:column; } .softwareHeroCopy > nav a { min-width:0; } .softwareProductTag { left:8px; min-width:210px; } .softwareHeroVisual { padding-top:54px; } .softwareConsoleGrid article { min-height:0; padding:15px 10px; grid-template-columns:31px 1fr; } .softwareConsoleGrid article > i { width:27px; height:27px; font-size:11px; } .softwareConsoleGrid article b { font-size:9px; } .softwareConsoleGrid article small { font-size:5px; } .softwareConsole > footer { align-items:flex-start; flex-direction:column; justify-content:center; gap:5px; } .softwareLiveTag { right:4px; } .softwareFeatures,.softwareWorkflow,.softwareStack { padding:68px 0 74px; } .softwareSectionHead h2,.softwareSectionHead.compact h2,.softwareWorkflow h2 { font-size:38px; letter-spacing:-2px; } .softwareFeatureGrid { grid-template-columns:1fr; } .softwareFeatureGrid article { min-height:0; } .softwareWorkflow li { grid-template-columns:42px 1fr 38px; } } @media(prefers-reduced-motion:reduce) { .softwareConsole > header b i,.softwareConsole > footer span i,.softwareLiveTag i { animation:none; } } /*!******************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./app/network-page.css ***! \******************************************************************************************************************************************************************************************************************************************************************/ .networkPage { background:#fff; overflow:hidden; } .networkHero { position:relative; min-height:620px; padding:32px 0 0; overflow:hidden; background:#fbfaff; } .networkPattern { position:absolute; inset:0; opacity:.85; background-image:linear-gradient(45deg,transparent 49%,#6c40d40b 49.5%,#6c40d40b 50.5%,transparent 51%),linear-gradient(-45deg,transparent 49%,#6c40d40b 49.5%,#6c40d40b 50.5%,transparent 51%); background-size:54px 54px; } .networkHeroInner { position:relative; text-align:center; } .networkBreadcrumb { display:flex; justify-content:center; align-items:center; gap:12px; color:#857f8d; font:700 6px var(--font-mono),monospace; letter-spacing:1.2px; } .networkBreadcrumb i { color:#b2aabb; font-style:normal; } .networkBreadcrumb b { color:#6c40d4; } .networkLive { width:max-content; min-height:26px; margin:21px auto 0; padding:0 13px; display:flex; align-items:center; border:1px solid #cfc4e6; background:#fff; color:#6c40d4; font:800 7px var(--font-mono),monospace; letter-spacing:1.5px; } .networkLive > i { width:5px; height:5px; margin-right:9px; background:#31a861; animation:networkPulse 1.8s ease-in-out infinite; } .networkHero h1 { margin:25px auto 17px; font-size:64px; line-height:.88; letter-spacing:-3.5px; } .networkHero h1 strong { color:#6c40d4; } .networkHero h1 > span { width:2px; height:43px; display:inline-block; margin-left:7px; background:#6c40d4; vertical-align:-2px; animation:networkCursor .9s steps(2) infinite; } .networkHeroInner > p { max-width:650px; margin:0 auto; color:#625d69; font-size:13px; line-height:1.75; } .networkHeroActions { margin-top:24px; display:flex; justify-content:center; gap:10px; } .networkHeroActions a { min-width:190px; min-height:45px; padding:0 19px; display:flex; align-items:center; justify-content:space-between; border:1px solid #1c1820; background:#fff; font:800 7px var(--font-mono),monospace; letter-spacing:1px; } .networkHeroActions a:first-child { border-color:#6c40d4; background:#6c40d4; color:#fff; } .networkHeroProof { margin-top:20px; display:flex; justify-content:center; } .networkHeroProof span { min-height:29px; padding:0 18px; display:flex; align-items:center; gap:8px; border-right:1px solid #dcd5e6; color:#696270; font:700 6px var(--font-mono),monospace; letter-spacing:.8px; } .networkHeroProof span:first-child { border-left:1px solid #dcd5e6; } .networkHeroProof i { width:13px; height:13px; display:grid; place-items:center; border:1px solid #cdbce9; color:#6c40d4; font-size:5px; } .networkHeroMeta { margin-top:18px; display:flex; align-items:center; justify-content:center; gap:15px; color:#8c8592; font:600 5px var(--font-mono),monospace; letter-spacing:1px; } .networkHeroMeta i { width:1px; height:12px; background:#d3ccdc; } .networkStats { position:relative; min-height:81px; margin-top:35px; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid #cfc4e6; border-bottom:0; background:#ffffffd9; text-align:left; } .networkStats::before,.networkStats::after { content:''; position:absolute; width:8px; height:8px; border-top:1px solid #6c40d4; } .networkStats::before { left:-1px; border-left:1px solid #6c40d4; } .networkStats::after { right:-1px; border-right:1px solid #6c40d4; } .networkStats div { padding:17px 22px; border-right:1px solid #dcd5e6; } .networkStats div:last-child { border-right:0; } .networkStats b,.networkStats span { display:block; } .networkStats b { color:#6c40d4; font-size:25px; line-height:1; } .networkStats span { margin-top:7px; color:#716a78; font:700 6px var(--font-mono),monospace; letter-spacing:1px; } .networkIndex { min-height:38px; background:#17141c; color:#928b9a; } .networkIndex > div { min-height:38px; display:flex; align-items:center; gap:20px; font:700 6px var(--font-mono),monospace; letter-spacing:.9px; } .networkIndex b { color:#6e6876; } .networkIndex a { color:#b2acb8; } .networkIndex a:hover { color:#b798ff; } .networkIndex span { margin-left:auto; color:#9977ef; } .networkOverview { padding:54px 0; border-bottom:1px solid #ddd6e8; background:#fff; } .networkOverviewGrid { display:grid; grid-template-columns:.8fr 1.1fr .75fr; gap:60px; align-items:center; } .networkOverview header > span,.networkSectionHead > div span { color:#6c40d4; font:800 7px var(--font-mono),monospace; letter-spacing:1.5px; } .networkOverview h2 { margin:12px 0 0; font-size:27px; line-height:1; letter-spacing:-1px; } .networkOverviewGrid > p { margin:0; color:#625d69; font-size:11px; line-height:1.75; } .networkOverviewGrid > div { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #ddd6e8; border-left:1px solid #ddd6e8; } .networkOverviewGrid > div span { min-height:47px; padding:0 10px; display:flex; align-items:center; gap:8px; border-right:1px solid #ddd6e8; border-bottom:1px solid #ddd6e8; font:700 6px var(--font-mono),monospace; } .networkOverviewGrid > div i { width:20px; color:#6c40d4; font-size:11px; text-align:center; } .networkLocations { padding:88px 0 98px; background:#f8f6fc; } .networkSectionHead { max-width:790px; } .networkSectionHead > div { display:flex; align-items:center; color:#857e8c; font:700 6px var(--font-mono),monospace; letter-spacing:1.2px; } .networkSectionHead > div i { width:90px; height:1px; margin:0 15px; background:#d9d2e4; } .networkSectionHead > div small { font-size:6px; } .networkSectionHead h2 { margin:17px 0 15px; font-size:49px; line-height:.92; letter-spacing:-2.6px; } .networkSectionHead h2 strong { color:#6c40d4; } .networkSectionHead > p { max-width:650px; margin:0; color:#625d69; font-size:12px; line-height:1.75; } .networkGlobePanel { margin-top:40px; display:grid; grid-template-columns:1.65fr .85fr; border:1px solid #d4cbe3; background:#fff; } .networkGlobeMap { min-width:0; border-right:1px solid #d4cbe3; } .networkGlobeMap > header { min-height:35px; padding:0 13px; display:flex; align-items:center; justify-content:space-between; color:#8b8491; font:700 6px var(--font-mono),monospace; letter-spacing:1.1px; } .networkGlobeMap > header > div { display:flex; align-items:center; gap:8px; } .networkGlobeMap > header b { font-size:6px; font-weight:600; } .networkGlobeMap > header button { width:24px; height:24px; display:grid; place-items:center; padding:0; border:1px solid #d5cce3; background:#fff; color:#6c40d4; font-size:7px; cursor:pointer; } .networkLiveDot { width:5px; height:5px; border-radius:50%; background:#2da660; box-shadow:0 0 0 4px #2da66012; animation:networkPulse 1.6s ease-in-out infinite; } .networkGlobeStage { position:relative; aspect-ratio:1.35; overflow:hidden; background:#fdfcff; } .networkGlobeCanvas { position:absolute; inset:0; cursor:grab; touch-action:none; } .networkGlobeCanvas:active { cursor:grabbing; } .networkGlobeCanvas canvas { width:100%; height:100%; display:block; } .networkGlobeMap > footer { min-height:35px; padding:0 13px; display:flex; align-items:center; gap:22px; border-top:1px solid #e0d9e9; color:#817a88; font:700 5px var(--font-mono),monospace; letter-spacing:.8px; } .networkGlobeMap > footer i { width:6px; height:6px; display:inline-block; margin-right:6px; border-radius:50%; background:#6c40d4; } .networkGlobeMap > footer span:first-child i { background:#2fa361; } .networkGlobeDetail { min-width:0; display:flex; flex-direction:column; } .networkGlobeDetail > nav { min-height:34px; display:flex; overflow-x:auto; border-bottom:1px solid #d4cbe3; scrollbar-width:thin; } .networkGlobeDetail > nav button { min-width:48px; height:34px; padding:0 8px; border:0; border-right:1px solid #dfd8e7; background:#fff; color:#635d69; font:800 7px var(--font-mono),monospace; cursor:pointer; } .networkGlobeDetail > nav button.active { box-shadow:inset 0 -2px #6c40d4; background:#f4efff; color:#6c40d4; } .networkCityVisual { position:relative; min-height:112px; display:grid; place-items:center; overflow:hidden; border-bottom:1px solid #ddd6e8; background:#fbf9ff; color:#6c40d4; } .networkCityVisual > i { font-size:67px; opacity:.9; } .networkCityVisual > span { position:absolute; top:13px; left:14px; font:800 7px var(--font-mono),monospace; letter-spacing:1px; } .networkCityVisual > b { position:absolute; right:13px; bottom:10px; color:#938b9a; font:700 5px var(--font-mono),monospace; letter-spacing:.8px; } .networkGlobeDetail > header { min-height:69px; padding:12px 16px; display:grid; grid-template-columns:34px 1fr 55px; align-items:center; border-bottom:1px solid #ddd6e8; } .networkGlobeDetail > header > span { width:30px; height:22px; border-radius:3px; border:1px solid #cdbfe1; box-shadow:0 1px 2px #34216815; } .networkGlobeDetail > header h3 { margin:0 0 4px; font-size:22px; } .networkGlobeDetail > header p { margin:0; color:#827b88; font:600 7px var(--font-mono),monospace; } .networkGlobeDetail > header > b { color:#23864c; font:800 6px var(--font-mono),monospace; text-align:right; } .networkCityCopy { margin:0; padding:14px 16px; color:#625d69; font-size:11px; line-height:1.65; } .networkGlobeDetail dl { margin:0; padding:0 16px; } .networkGlobeDetail dl > div { min-height:35px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid #e4deeb; font:700 8px var(--font-mono),monospace; } .networkGlobeDetail dt { color:#8a8390; } .networkGlobeDetail dd { margin:0; color:#211d25; } .networkGlobeDetail > section { padding:12px 16px 4px; border-top:1px solid #e4deeb; } .networkGlobeDetail > section > span { display:block; margin-bottom:9px; color:#8a8390; font:800 6px var(--font-mono),monospace; letter-spacing:1px; } .networkGlobeDetail > section > div { min-height:23px; display:grid; grid-template-columns:115px 1fr 39px; gap:8px; align-items:center; font:700 6px var(--font-mono),monospace; } .networkGlobeDetail > section div > b { color:#776f7d; font-weight:600; } .networkGlobeDetail > section div > i { height:3px; background:#e7e1ed; } .networkGlobeDetail > section div > i em { height:3px; display:block; background:#6c40d4; } .networkGlobeDetail > section div > strong { color:#6c40d4; font-size:6px; text-align:right; } .networkGlobeDetail > footer { margin-top:auto; padding:12px 16px 16px; display:grid; grid-template-columns:1.3fr 1fr; gap:7px; } .networkGlobeDetail > footer a { min-height:38px; padding:0 11px; display:flex; align-items:center; justify-content:space-between; border:1px solid #6c40d4; color:#6c40d4; font:800 7px var(--font-mono),monospace; letter-spacing:.7px; } .networkGlobeDetail > footer a:first-child { background:#6c40d4; color:#fff; } .networkGlobeFoot { grid-column:1/-1; min-height:36px; padding:0 13px; display:flex; align-items:center; gap:25px; border-top:1px solid #d4cbe3; color:#746d7a; font:700 5px var(--font-mono),monospace; letter-spacing:.8px; } .networkGlobeFoot span::first-letter { color:#6c40d4; } .networkGlobeFoot b { margin-left:auto; color:#938b99; font-size:5px; } .networkLocationGrid { margin-top:40px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; align-items:start; } .networkRegion { border:1px solid #d8d0e4; background:#fff; } .networkRegion > header { min-height:67px; padding:11px 13px; display:grid; grid-template-columns:35px 1fr 20px; align-items:center; border-bottom:1px solid #ddd6e8; } .networkRegion > header > span { width:31px; height:31px; display:grid; place-items:center; border:1px solid #cdbfe0; color:#6c40d4; font:800 7px var(--font-mono),monospace; } .networkRegion > header h3 { margin:0 0 4px; font-size:13px; } .networkRegion > header small { color:#8a8391; font:600 5px var(--font-mono),monospace; letter-spacing:.6px; } .networkRegion > header > b { color:#aba4b1; font:700 6px var(--font-mono),monospace; text-align:right; } .networkLocationRow { min-height:59px; padding:0 12px; display:grid; grid-template-columns:25px 1fr 75px 8px; align-items:center; border-bottom:1px dotted #dbd4e4; } .networkLocationRow:last-child { border-bottom:0; } .networkLocationRow > i { color:#9a939f; font:normal 600 6px var(--font-mono),monospace; } .networkLocationRow > span { display:flex; flex-direction:column; gap:4px; } .networkLocationRow > span b { font-size:11px; } .networkLocationRow > span small { color:#8a8391; font:500 6px var(--font-mono),monospace; } .networkLocationRow > em { color:#6c40d4; font:700 5px var(--font-mono),monospace; letter-spacing:.6px; text-align:right; } .networkLocationRow > strong { width:6px; height:6px; margin-left:auto; border-radius:50%; background:#2da660; box-shadow:0 0 0 4px #2da66012; } .networkLocationNote { min-height:44px; margin-top:14px; padding:0 14px; display:grid; grid-template-columns:150px 1fr 145px; align-items:center; border:1px solid #d8d0e4; background:#fff; font:700 6px var(--font-mono),monospace; letter-spacing:.6px; } .networkLocationNote > span { color:#277a4c; } .networkLocationNote > span i { width:6px; height:6px; display:inline-block; margin-right:8px; border-radius:50%; background:#2da660; } .networkLocationNote p { margin:0; color:#88818e; font-size:6px; } .networkLocationNote a { color:#6c40d4; text-align:right; } .networkRouting { padding:90px 0 100px; background:#17151d; color:#fff; } .networkSectionHead.inverse > div { color:#817a88; } .networkSectionHead.inverse > div span,.networkSectionHead.inverse h2 strong { color:#a887f4; } .networkSectionHead.inverse > div i { background:#3d3845; } .networkSectionHead.inverse > p { color:#a8a2ae; } .networkRouteGrid { margin-top:42px; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #3b3742; border-left:1px solid #3b3742; } .networkRouteGrid article { position:relative; min-height:250px; padding:21px; display:flex; flex-direction:column; border-right:1px solid #3b3742; border-bottom:1px solid #3b3742; } .networkRouteGrid article > span { color:#8c8492; font:700 6px var(--font-mono),monospace; } .networkRouteGrid article > i { width:42px; height:42px; margin-top:22px; display:grid; place-items:center; border:1px solid #5b4b78; color:#ac8df4; font-size:15px; } .networkRouteGrid h3 { margin:25px 0 9px; font-size:15px; } .networkRouteGrid p { margin:0; color:#9e98a4; font-size:10px; line-height:1.7; } .networkRouteGrid article > b { position:absolute; z-index:2; top:45px; right:-7px; color:#9c7aef; font:700 11px var(--font-mono),monospace; } .networkPage .hostingFaq { border-top:0; } @keyframes networkPulse { 50% { opacity:.3; transform:scale(.75); } } @keyframes networkCursor { 50% { opacity:0; } } @media(max-width:1000px) { .networkHero h1 { font-size:56px; } .networkOverviewGrid { grid-template-columns:1fr 1fr; } .networkOverviewGrid > div { grid-column:1/-1; } .networkLocationGrid { grid-template-columns:repeat(2,1fr); } .networkGlobePanel { grid-template-columns:1fr; } .networkGlobeMap { border-right:0; border-bottom:1px solid #d4cbe3; } .networkGlobeStage { aspect-ratio:1.55; } .networkGlobeDetail { min-height:520px; } .networkCityVisual { min-height:150px; } .networkRouteGrid { grid-template-columns:repeat(2,1fr); } .networkRouteGrid article:nth-child(2) > b { display:none; } } @media(max-width:700px) { .networkHero { min-height:0; padding-top:28px; } .networkHero h1 { font-size:43px; letter-spacing:-2.3px; } .networkHero h1 > span { height:31px; } .networkHeroInner > p { font-size:12px; } .networkHeroActions { flex-direction:column; } .networkHeroActions a { width:100%; } .networkHeroProof { display:grid; grid-template-columns:1fr 1fr; } .networkHeroProof span,.networkHeroProof span:first-child { border:0; border-top:1px solid #dcd5e6; border-right:1px solid #dcd5e6; } .networkHeroMeta { flex-wrap:wrap; } .networkStats { grid-template-columns:repeat(2,1fr); } .networkStats div:nth-child(2) { border-right:0; } .networkStats div:nth-child(-n+2) { border-bottom:1px solid #dcd5e6; } .networkIndex { display:none; } .networkOverviewGrid { grid-template-columns:1fr; gap:25px; } .networkOverviewGrid > div { grid-column:auto; } .networkLocations,.networkRouting { padding:68px 0 74px; } .networkSectionHead h2 { font-size:39px; letter-spacing:-2px; } .networkLocationGrid,.networkRouteGrid { grid-template-columns:1fr; } .networkGlobeStage { aspect-ratio:1; } .networkGlobeMap > header b,.networkGlobeMap > header .networkLiveDot { display:none; } .networkGlobeMap > footer { align-items:flex-start; flex-direction:column; justify-content:center; gap:6px; padding:10px 13px; } .networkGlobeDetail > footer { grid-template-columns:1fr; } .networkGlobeFoot { align-items:flex-start; flex-direction:column; gap:7px; padding:11px 13px; } .networkGlobeFoot b { margin-left:0; } .networkLocationNote { grid-template-columns:1fr; gap:7px; padding:12px; } .networkLocationNote a { text-align:left; } .networkRouteGrid article { min-height:220px; } .networkRouteGrid article > b { display:none; } } @media(prefers-reduced-motion:reduce) { .networkLive > i,.networkHero h1 > span,.networkLiveDot { animation:none; } } /*!******************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./app/contact-page.css ***! \******************************************************************************************************************************************************************************************************************************************************************/ .contactPage { background:#fff; overflow:hidden; } .contactHero { position:relative; min-height:520px; padding:32px 0 60px; overflow:hidden; background:#fbfaff; } .contactPattern { position:absolute; inset:0; opacity:.85; background-image:linear-gradient(45deg,transparent 49%,#6c40d40b 49.5%,#6c40d40b 50.5%,transparent 51%),linear-gradient(-45deg,transparent 49%,#6c40d40b 49.5%,#6c40d40b 50.5%,transparent 51%); background-size:54px 54px; } .contactHeroInner { position:relative; text-align:center; } .contactBreadcrumb { display:flex; justify-content:center; align-items:center; gap:12px; color:#857f8d; font:700 6px var(--font-mono),monospace; letter-spacing:1.2px; } .contactBreadcrumb i { color:#b2aabb; font-style:normal; } .contactBreadcrumb b { color:#6c40d4; } .contactLive { width:max-content; min-height:26px; margin:21px auto 0; padding:0 13px; display:flex; align-items:center; border:1px solid #cfc4e6; background:#fff; color:#6c40d4; font:800 7px var(--font-mono),monospace; letter-spacing:1.5px; } .contactLive > i { width:5px; height:5px; margin-right:9px; border-radius:50%; background:#31a861; animation:contactPulse 1.8s ease-in-out infinite; } .contactHero h1 { margin:25px auto 17px; font-size:56px; line-height:.94; letter-spacing:-3px; } .contactHero h1 strong { color:#6c40d4; } .contactHeroInner > p { max-width:620px; margin:0 auto; color:#625d69; font-size:13px; line-height:1.75; } .contactHeroActions { margin-top:24px; display:flex; justify-content:center; gap:10px; } .contactHeroActions a { min-width:190px; min-height:45px; padding:0 19px; display:flex; align-items:center; justify-content:space-between; border:1px solid #1c1820; background:#fff; font:800 7px var(--font-mono),monospace; letter-spacing:1px; } .contactHeroActions a:first-child { border-color:#6c40d4; background:#6c40d4; color:#fff; } .contactHeroProof { margin-top:20px; display:flex; justify-content:center; flex-wrap:wrap; } .contactHeroProof span { min-height:29px; padding:0 18px; display:flex; align-items:center; gap:8px; border-right:1px solid #dcd5e6; color:#696270; font:700 6px var(--font-mono),monospace; letter-spacing:.8px; } .contactHeroProof span:first-child { border-left:1px solid #dcd5e6; } .contactHeroProof i { width:13px; height:13px; display:grid; place-items:center; border:1px solid #cdbce9; color:#6c40d4; font-size:5px; } .contactStats { position:relative; min-height:81px; margin:35px auto 0; max-width:720px; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid #cfc4e6; background:#ffffffd9; text-align:left; } .contactStats div { padding:17px 20px; border-right:1px solid #dcd5e6; } .contactStats div:last-child { border-right:0; } .contactStats b,.contactStats span { display:block; } .contactStats b { color:#6c40d4; font-size:22px; line-height:1; } .contactStats span { margin-top:7px; color:#716a78; font:700 6px var(--font-mono),monospace; letter-spacing:.8px; } .contactSectionHead { max-width:790px; } .contactSectionHead > div { display:flex; align-items:center; color:#857e8c; font:700 6px var(--font-mono),monospace; letter-spacing:1.2px; } .contactSectionHead > div span { color:#6c40d4; font:800 7px var(--font-mono),monospace; letter-spacing:1.5px; } .contactSectionHead > div i { width:90px; height:1px; margin:0 15px; background:#d9d2e4; } .contactSectionHead > div small { font-size:6px; } .contactSectionHead h2 { margin:17px 0 15px; font-size:38px; line-height:.98; letter-spacing:-1.6px; } .contactSectionHead h2 strong { color:#6c40d4; } .contactSectionHead > p { max-width:620px; margin:0; color:#625d69; font-size:12px; line-height:1.75; } .contactChannels { padding:80px 0 30px; } .contactChannelGrid { margin-top:38px; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #ddd6e9; border-left:1px solid #ddd6e9; } .contactChannelGrid article { padding:22px; display:flex; flex-direction:column; border-right:1px solid #ddd6e9; border-bottom:1px solid #ddd6e9; transition:background .2s,transform .2s; } .contactChannelGrid article:hover { background:#faf8fe; transform:translateY(-3px); } .contactChannelGrid header { display:flex; align-items:center; justify-content:space-between; } .contactChannelGrid header i { width:38px; height:38px; display:grid; place-items:center; border:1px solid #cdbce9; color:#6c40d4; font-size:14px; } .contactChannelGrid header span { color:#a49bb0; font:700 8px var(--font-mono),monospace; } .contactChannelGrid h3 { margin:20px 0 8px; font-size:16px; } .contactChannelGrid p { margin:0; color:#686270; font-size:11px; line-height:1.7; } .contactChannelGrid a { margin-top:16px; padding-top:14px; border-top:1px solid #e4deec; color:#6c40d4; font:800 7px var(--font-mono),monospace; letter-spacing:.6px; } .contactChannelGrid a span { margin-left:3px; } .contactOther { padding:40px 0 90px; } .contactOtherGrid { margin-top:38px; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #ddd6e9; border-left:1px solid #ddd6e9; } .contactOtherCard { padding:20px; display:flex; flex-direction:column; gap:12px; border-right:1px solid #ddd6e9; border-bottom:1px solid #ddd6e9; color:inherit; transition:background .2s; } .contactOtherCard:hover { background:#faf8fe; } .contactOtherCard > i { width:32px; height:32px; display:grid; place-items:center; border:1px solid #cdbce9; color:#6c40d4; font-size:13px; } .contactOtherCard span { display:flex; flex-direction:column; gap:5px; } .contactOtherCard b { font-size:12.5px; } .contactOtherCard small { color:#787280; font-size:10px; line-height:1.6; } .contactOtherCard em { margin-top:auto; padding-top:10px; border-top:1px solid #e4deec; color:#6c40d4; font:800 7px var(--font-mono),monospace; font-style:normal; letter-spacing:.5px; } .contactMeta { margin-top:40px; display:grid; grid-template-columns:1.3fr 1fr; gap:30px; } .contactEmails,.contactOffice { border:1px solid #ddd6e9; padding:26px; } .contactEmails b,.contactOffice b { display:block; margin-bottom:18px; color:#6c40d4; font:800 8px var(--font-mono),monospace; letter-spacing:1.4px; } .contactEmails a { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; border-top:1px solid #e8e2ee; color:inherit; } .contactEmails a:first-of-type { border-top:0; } .contactEmails a span { color:#221e28; font:700 11px var(--font-mono),monospace; } .contactEmails a small { color:#8a8390; font-size:10px; text-align:right; } .contactOffice p { display:flex; align-items:center; gap:10px; margin:0 0 12px; color:#4d4855; font-size:12px; } .contactOffice p i { width:16px; color:#6c40d4; text-align:center; } .contactSocial { display:flex; gap:8px; margin-top:16px; } .contactSocial a { width:32px; height:32px; display:grid; place-items:center; border:1px solid #ddd6e9; color:#6c40d4; } .contactSocial a:hover { background:#6c40d4; color:#fff; border-color:#6c40d4; } @keyframes contactPulse { 50% { opacity:.35; } } @media(max-width:900px) { .contactHero h1 { font-size:42px; letter-spacing:-1.8px; } .contactHeroActions { flex-direction:column; align-items:stretch; } .contactHeroActions a { min-width:0; } .contactStats { grid-template-columns:repeat(2,1fr); } .contactStats div:nth-child(2) { border-right:0; } .contactChannelGrid,.contactOtherGrid { grid-template-columns:repeat(2,1fr); } .contactMeta { grid-template-columns:1fr; } } @media(max-width:600px) { .contactHeroProof span { flex:1 1 45%; border-left:0; border-right:0; border-top:1px solid #dcd5e6; justify-content:flex-start; } .contactStats { grid-template-columns:1fr 1fr; } .contactChannelGrid,.contactOtherGrid { grid-template-columns:1fr; } .contactSectionHead h2 { font-size:30px; letter-spacing:-1px; } } /*!****************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./app/about-page.css ***! \****************************************************************************************************************************************************************************************************************************************************************/ .aboutPage { background:#fff; overflow:hidden; } .aboutHero { position:relative; min-height:560px; padding:32px 0 50px; overflow:hidden; background:#fbfaff; } .aboutPattern { position:absolute; inset:0; opacity:.85; background-image:linear-gradient(45deg,transparent 49%,#6c40d40b 49.5%,#6c40d40b 50.5%,transparent 51%),linear-gradient(-45deg,transparent 49%,#6c40d40b 49.5%,#6c40d40b 50.5%,transparent 51%); background-size:54px 54px; } .aboutHeroInner { position:relative; text-align:center; } .aboutBreadcrumb { display:flex; justify-content:center; align-items:center; gap:12px; color:#857f8d; font:700 6px var(--font-mono),monospace; letter-spacing:1.2px; } .aboutBreadcrumb i { color:#b2aabb; font-style:normal; } .aboutBreadcrumb b { color:#6c40d4; } .aboutBadge { width:max-content; min-height:26px; margin:21px auto 0; padding:0 13px; display:flex; align-items:center; gap:8px; border:1px solid #cfc4e6; background:#fff; color:#6c40d4; font:800 7px var(--font-mono),monospace; letter-spacing:1.3px; } .aboutBadge .fi { border-radius:2px; box-shadow:0 0 0 1px #e4deec; } .aboutHero h1 { margin:25px auto 17px; max-width:680px; font-size:52px; line-height:.98; letter-spacing:-3px; } .aboutHero h1 strong { color:#6c40d4; } .aboutHeroInner > p { max-width:660px; margin:0 auto; color:#625d69; font-size:13px; line-height:1.75; } .aboutHeroInner > p a { color:#6c40d4; font-weight:700; } .aboutHeroActions { margin-top:24px; display:flex; justify-content:center; gap:10px; } .aboutHeroActions a { min-width:190px; min-height:45px; padding:0 19px; display:flex; align-items:center; justify-content:space-between; border:1px solid #1c1820; background:#fff; font:800 7px var(--font-mono),monospace; letter-spacing:1px; } .aboutHeroActions a:first-child { border-color:#6c40d4; background:#6c40d4; color:#fff; } .aboutHeroProof { margin-top:20px; display:flex; justify-content:center; flex-wrap:wrap; } .aboutHeroProof span { min-height:29px; padding:0 18px; display:flex; align-items:center; gap:8px; border-right:1px solid #dcd5e6; color:#696270; font:700 6px var(--font-mono),monospace; letter-spacing:.8px; } .aboutHeroProof span:first-child { border-left:1px solid #dcd5e6; } .aboutHeroProof i { width:13px; height:13px; display:grid; place-items:center; border:1px solid #cdbce9; color:#6c40d4; font-size:5px; } .aboutStats { position:relative; min-height:81px; margin:35px auto 0; max-width:720px; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid #cfc4e6; background:#ffffffd9; text-align:left; } .aboutStats div { padding:17px 20px; border-right:1px solid #dcd5e6; } .aboutStats div:last-child { border-right:0; } .aboutStats b,.aboutStats span { display:block; } .aboutStats b { color:#6c40d4; font-size:22px; line-height:1; } .aboutStats span { margin-top:7px; color:#716a78; font:700 6px var(--font-mono),monospace; letter-spacing:.8px; } .aboutIndexNav { position:sticky; top:0; z-index:20; background:#17141c; } .aboutIndexNavInner { display:flex; overflow-x:auto; scrollbar-width:none; } .aboutIndexNavInner::-webkit-scrollbar { display:none; } .aboutIndexNavInner a { flex:none; display:flex; align-items:center; gap:8px; height:44px; padding:0 16px; color:#c9c2d6; font:700 8px var(--font-mono),monospace; letter-spacing:1px; white-space:nowrap; border-right:1px solid #2a2632; } .aboutIndexNavInner a:hover { color:#fff; background:#231f2c; } .aboutIndexNavInner a i { color:#8a7fb0; font-style:normal; } .aboutSectionHead { max-width:790px; } .aboutSectionHead > div { display:flex; align-items:center; color:#857e8c; font:700 6px var(--font-mono),monospace; letter-spacing:1.2px; } .aboutSectionHead > div span { color:#6c40d4; font:800 7px var(--font-mono),monospace; letter-spacing:1.5px; } .aboutSectionHead > div i { width:90px; height:1px; margin:0 15px; background:#d9d2e4; } .aboutSectionHead > div small { font-size:6px; } .aboutSectionHead h2 { margin:17px 0 15px; font-size:38px; line-height:.98; letter-spacing:-1.6px; } .aboutSectionHead h2 strong { color:#6c40d4; } .aboutSectionHead > p { max-width:620px; margin:0; color:#625d69; font-size:12px; line-height:1.75; } .aboutAnswer { padding:70px 0; background:#f7f5fb; border-bottom:1px solid #ddd6e9; } .aboutAnswerGrid { display:grid; grid-template-columns:1.4fr 1fr; gap:40px; align-items:start; } .aboutAnswerText > span { color:#6c40d4; font:800 7px var(--font-mono),monospace; letter-spacing:1.5px; } .aboutAnswerText p { margin:16px 0 20px; font-size:19px; line-height:1.65; letter-spacing:-.2px; color:#221e28; } .aboutAnswerText p b { color:#6c40d4; } .aboutCopyFact { min-height:38px; padding:0 16px; border:1px solid #1c1820; background:#fff; font:800 7px var(--font-mono),monospace; letter-spacing:1px; cursor:pointer; } .aboutCopyFact:hover { background:#6c40d4; color:#fff; border-color:#6c40d4; } .aboutFactSheet { border:1px solid #ddd6e9; background:#fff; } .aboutFactSheet div { display:flex; justify-content:space-between; align-items:center; padding:13px 18px; border-top:1px solid #e8e2ee; } .aboutFactSheet div:first-child { border-top:0; } .aboutFactSheet dt { color:#8a8390; font:700 7px var(--font-mono),monospace; letter-spacing:1px; } .aboutFactSheet dd { margin:0; font:700 10px var(--font-mono),monospace; color:#221e28; text-align:right; } .aboutWho { padding:80px 0; } .aboutWhoGrid { display:grid; grid-template-columns:1.35fr 1fr; gap:60px; align-items:start; } .aboutWhoText > span { color:#6c40d4; font:800 7px var(--font-mono),monospace; letter-spacing:1.5px; } .aboutWhoText h2 { margin:16px 0 20px; font-size:36px; line-height:1; letter-spacing:-1.6px; } .aboutWhoText h2 strong { color:#6c40d4; } .aboutWhoText p { margin:0 0 16px; color:#4d4855; font-size:13px; line-height:1.8; } .aboutWhoText p a { color:#6c40d4; font-weight:700; } .aboutWhoCard { position:relative; padding:26px; border:1px solid #dcd4ee; background:#fbfaff; } .aboutWhoCard > span { color:#6c40d4; font:800 8px var(--font-mono),monospace; letter-spacing:1.5px; } .aboutWhoCard dl { margin:20px 0 0; } .aboutWhoCard dl div { display:flex; justify-content:space-between; padding:12px 0; border-top:1px solid #e4deec; font:700 8px var(--font-mono),monospace; } .aboutWhoCard dl div:first-child { border-top:0; } .aboutWhoCard dt { color:#837d8a; } .aboutWhoCard dd { margin:0; color:#221e28; } .aboutWhoCard footer { margin-top:20px; padding-top:16px; border-top:1px solid #e4deec; display:flex; align-items:center; gap:12px; flex-wrap:wrap; color:#847e8b; font:700 6px var(--font-mono),monospace; letter-spacing:.8px; } .aboutWhoCard footer i { width:3px; height:3px; border-radius:50%; background:#c9bfe0; } .aboutWhoCard footer a { margin-left:auto; color:#6c40d4; font:800 7px var(--font-mono),monospace; letter-spacing:.8px; } .aboutStory { padding:80px 0; background:#f7f5fb; border-top:1px solid #ddd6e9; border-bottom:1px solid #ddd6e9; } .aboutTimelineStrip { margin-top:36px; display:grid; grid-template-columns:1fr 40px 1fr; align-items:center; } .aboutTimelineStrip > div { padding:18px 22px; background:#fff; border:1px solid #ddd6e9; } .aboutTimelineStrip b { display:block; color:#6c40d4; font:800 20px var(--font-mono),monospace; } .aboutTimelineStrip span { display:block; margin-top:8px; color:#625d69; font-size:11px; line-height:1.6; } .aboutTimelineStrip > i { height:1px; background:repeating-linear-gradient(90deg,#c8bde0 0 6px,transparent 6px 12px); } .aboutStoryGrid { margin-top:24px; display:grid; grid-template-columns:repeat(3,1fr); border-left:1px solid #ddd6e9; border-top:1px solid #ddd6e9; } .aboutStoryGrid article { padding:22px; background:#fff; border-right:1px solid #ddd6e9; border-bottom:1px solid #ddd6e9; } .aboutStoryGrid header { display:flex; align-items:center; justify-content:space-between; } .aboutStoryGrid header i { width:36px; height:36px; display:grid; place-items:center; border:1px solid #cdbce9; color:#6c40d4; font-size:13px; } .aboutStoryGrid header span { color:#a49bb0; font:700 8px var(--font-mono),monospace; } .aboutStoryGrid h3 { margin:18px 0 8px; font-size:15px; } .aboutStoryGrid p { margin:0; color:#686270; font-size:11.5px; line-height:1.75; } .aboutTeam { padding:80px 0; } .aboutTeamGrid { display:grid; grid-template-columns:.85fr 1.35fr; gap:60px; align-items:center; } .aboutTeamCard { position:relative; padding:34px 26px; border:1px solid #dcd4ee; background:#fbfaff; text-align:center; } .aboutTeamTag { display:block; color:#6c40d4; font:800 7px var(--font-mono),monospace; letter-spacing:1.5px; } .aboutTeamCard > i { display:block; margin:22px auto; width:64px; height:64px; display:grid; place-items:center; border:1px solid #cdbce9; color:#6c40d4; font-size:24px; border-radius:50%; } .aboutTeamCard dl { margin:0; } .aboutTeamCard dl div { display:flex; justify-content:space-between; padding:10px 0; border-top:1px solid #e4deec; font:700 8px var(--font-mono),monospace; } .aboutTeamCard dl div:first-child { border-top:0; } .aboutTeamCard dt { color:#837d8a; } .aboutTeamCard dd { margin:0; color:#6c40d4; } .aboutTeamText > span { color:#6c40d4; font:800 7px var(--font-mono),monospace; letter-spacing:1.5px; } .aboutTeamText h2 { margin:16px 0 18px; font-size:34px; line-height:1.02; letter-spacing:-1.5px; } .aboutTeamText h2 strong { color:#6c40d4; } .aboutTeamText p { margin:0 0 14px; color:#4d4855; font-size:13px; line-height:1.8; } .aboutTeamText > a { display:inline-block; margin-top:8px; color:#6c40d4; font:800 8px var(--font-mono),monospace; letter-spacing:.8px; } .aboutInfra { padding:80px 0; background:#f7f5fb; border-top:1px solid #ddd6e9; } .aboutInfraGrid { margin-top:38px; display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid #ddd6e9; border-left:1px solid #ddd6e9; } .aboutInfraGrid article { padding:26px; background:#fff; display:flex; flex-direction:column; border-right:1px solid #ddd6e9; border-bottom:1px solid #ddd6e9; } .aboutInfraGrid header { display:flex; align-items:center; justify-content:space-between; } .aboutInfraGrid header i { width:38px; height:38px; display:grid; place-items:center; border:1px solid #cdbce9; color:#6c40d4; font-size:14px; } .aboutInfraGrid header span { color:#a49bb0; font:700 8px var(--font-mono),monospace; letter-spacing:1px; } .aboutInfraGrid h3 { margin:20px 0 8px; font-size:17px; } .aboutInfraGrid p { margin:0; color:#686270; font-size:12px; line-height:1.75; } .aboutInfraGrid a { margin-top:16px; padding-top:14px; border-top:1px solid #e4deec; color:#6c40d4; font:800 7px var(--font-mono),monospace; letter-spacing:.6px; } .aboutLegalStrip { margin-top:24px; padding:20px 24px; display:flex; align-items:center; gap:20px; flex-wrap:wrap; border:1px solid #ddd6e9; background:#fff; } .aboutLegalStrip b { color:#6c40d4; font:800 8px var(--font-mono),monospace; letter-spacing:1.3px; } .aboutLegalStrip div { display:flex; flex-wrap:wrap; gap:14px 22px; } .aboutLegalStrip a { color:#4d4855; font-size:11px; font-weight:600; border-bottom:1px dotted #c9bfdd; } .aboutLegalStrip a:hover { color:#6c40d4; border-color:#6c40d4; } .aboutContact { padding:80px 0; } .aboutContactGrid { margin-top:38px; display:grid; grid-template-columns:repeat(3,1fr); gap:0; border-top:1px solid #ddd6e9; border-left:1px solid #ddd6e9; } .aboutContactCard { padding:24px; display:flex; flex-direction:column; gap:10px; color:inherit; border-right:1px solid #ddd6e9; border-bottom:1px solid #ddd6e9; transition:background .2s; } .aboutContactCard:hover { background:#faf8fe; } .aboutContactCard > i { width:34px; height:34px; display:grid; place-items:center; border:1px solid #cdbce9; color:#6c40d4; font-size:13px; } .aboutContactCard b { font-size:13px; } .aboutContactCard p { margin:0; color:#686270; font-size:11.5px; line-height:1.7; } .aboutContactCard em { margin-top:auto; padding-top:12px; border-top:1px solid #e4deec; color:#6c40d4; font:800 7px var(--font-mono),monospace; font-style:normal; letter-spacing:.5px; } .aboutContactAll { display:block; width:max-content; margin:24px auto 0; color:#6c40d4; font:800 8px var(--font-mono),monospace; letter-spacing:.8px; } @keyframes aboutPulse { 50% { opacity:.35; } } @media(max-width:900px) { .aboutHero h1 { font-size:38px; letter-spacing:-1.6px; } .aboutHeroActions { flex-direction:column; align-items:stretch; } .aboutHeroActions a { min-width:0; } .aboutStats { grid-template-columns:repeat(2,1fr); } .aboutStats div:nth-child(2) { border-right:0; } .aboutAnswerGrid,.aboutWhoGrid,.aboutTeamGrid { grid-template-columns:1fr; gap:30px; } .aboutTeamCard { max-width:320px; margin:0 auto; } .aboutTimelineStrip { grid-template-columns:1fr; } .aboutTimelineStrip > i { display:none; } .aboutStoryGrid,.aboutInfraGrid { grid-template-columns:1fr; } .aboutContactGrid { grid-template-columns:1fr; } } @media(max-width:600px) { .aboutHeroProof span { flex:1 1 45%; border-left:0; border-right:0; border-top:1px solid #dcd5e6; justify-content:flex-start; } .aboutStats { grid-template-columns:1fr 1fr; } .aboutSectionHead h2 { font-size:28px; letter-spacing:-1px; } .aboutAnswerText p { font-size:16px; } } /*!*****************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./app/hosting-hub.css ***! \*****************************************************************************************************************************************************************************************************************************************************************/ .hostingHubHead { max-width: 720px; } .hostingHubHead > span { color: #6c40d4; font: 800 8px var(--font-mono), monospace; letter-spacing: 2px; } .hostingHubHead h2 { margin: 12px 0; font-size: 40px; letter-spacing: -2px; } .hostingHubHead p { margin: 0; color: #686270; } /* 01 · product picker grid */ .hostingHubProducts { background: #fff; } .hostingHubProductGrid { margin-top: 40px; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #ddd6e9; border-left: 1px solid #ddd6e9; } .hostingHubProductGrid article { padding: 24px; display: flex; flex-direction: column; border-right: 1px solid #ddd6e9; border-bottom: 1px solid #ddd6e9; transition: background .2s, transform .2s; } .hostingHubProductGrid article:hover { background: #faf8fe; transform: translateY(-3px); } .hostingHubProductGrid header { display: flex; align-items: center; justify-content: space-between; } .hostingHubProductGrid header i { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #cdbce9; color: #6c40d4; font-size: 14px; } .hostingHubProductGrid header span { color: #a49bb0; font: 700 8px var(--font-mono), monospace; } .hostingHubProductGrid h3 { margin: 20px 0 8px; font-size: 18px; } .hostingHubProductGrid p { margin: 0; color: #686270; font-size: 11.5px; line-height: 1.7; } .hostingHubProductProofs { margin-top: 14px; display: flex; flex-direction: column; gap: 6px; } .hostingHubProductProofs span { color: #56a978; font: 700 7px var(--font-mono), monospace; letter-spacing: .5px; } .hostingHubProductGrid footer { margin-top: auto; padding-top: 16px; border-top: 1px solid #e4deec; display: flex; align-items: center; justify-content: space-between; gap: 10px; } .hostingHubProductGrid footer > b { color: #6c40d4; font: 800 13px var(--font-mono), monospace; } .hostingHubProductGrid footer > span { display: flex; gap: 14px; } .hostingHubProductGrid footer a { color: #6c40d4; font: 800 7px var(--font-mono), monospace; letter-spacing: .5px; } /* 02 · cPanel vs Plesk comparison */ .hostingHubPanelSection { padding: 80px 0; background: #f8f6fd; border-top: 1px solid #ddd6e9; border-bottom: 1px solid #ddd6e9; } .panelCompareGrid { margin-top: 36px; display: grid; grid-template-columns: 1fr auto 1fr; gap: 0; align-items: stretch; } .panelCompareGrid article { padding: 28px; background: #fff; border: 1px solid #ddd6e9; } .panelCompareGrid article header { display: flex; align-items: center; gap: 10px; } .panelCompareGrid article header i { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #cdbce9; color: #6c40d4; font-size: 13px; } .panelCompareGrid article header span { color: #a49bb0; font: 700 8px var(--font-mono), monospace; letter-spacing: 1px; } .panelCompareGrid article h3 { margin: 16px 0 8px; font-size: 22px; } .panelCompareGrid article p { margin: 0 0 18px; color: #686270; font-size: 12px; line-height: 1.7; } .panelCompareGrid article ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid #e4deec; } .panelCompareGrid article li { padding: 10px 0; border-bottom: 1px solid #e4deec; color: #35313b; font-size: 11.5px; font-weight: 600; } .panelCompareVs { display: flex; align-items: center; justify-content: center; width: 56px; } .panelCompareVs span { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #cdbce9; background: #fff; color: #6c40d4; font: 800 9px var(--font-mono), monospace; border-radius: 50%; } /* 03 · interactive compare */ .hostingHubCompareSection { padding: 80px 0; } .hostingCompare { margin-top: 36px; } .hostingCompareProducts { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; } .hostingCompareProducts button { min-width: 150px; padding: 12px 16px; display: flex; flex-direction: column; gap: 6px; align-items: flex-start; border: 1px solid #ddd6e9; background: #fff; cursor: pointer; } .hostingCompareProducts button b { font: 700 10px var(--font-mono), monospace; letter-spacing: .5px; color: #221e28; } .hostingCompareProducts button span { color: #837d8a; font: 700 7px var(--font-mono), monospace; } .hostingCompareProducts button.active { border-color: #6c40d4; background: #6c40d4; } .hostingCompareProducts button.active b, .hostingCompareProducts button.active span { color: #fff; } .hostingComparePanelToggle { display: flex; gap: 8px; } .hostingComparePanelToggle button { min-height: 40px; padding: 0 18px; display: flex; align-items: center; gap: 8px; border: 1px solid #ddd6e9; background: #fff; color: #35313b; font: 700 9px var(--font-mono), monospace; letter-spacing: .6px; cursor: pointer; } .hostingComparePanelToggle button.active { border-color: #6c40d4; background: #6c40d4; color: #fff; } .hostingCompareDescription { margin: 18px 0 0; max-width: 720px; color: #625d69; font-size: 12.5px; line-height: 1.75; } .hostingCompare .planLadder { margin-top: 20px; } .hostingCompareLink { margin-top: 18px; text-align: right; } .hostingCompareLink a { color: #6c40d4; font: 800 8px var(--font-mono), monospace; letter-spacing: .6px; } @media (max-width: 900px) { .hostingHubProductGrid { grid-template-columns: repeat(2, 1fr); } .panelCompareGrid { grid-template-columns: 1fr; } .panelCompareVs { width: auto; margin: 10px auto; } .hostingCompareProducts button { min-width: 130px; flex: 1 1 45%; } } @media (max-width: 600px) { .hostingHubProductGrid { grid-template-columns: 1fr; } .hostingHubProductGrid footer { flex-direction: column; align-items: flex-start; } .hostingCompareProducts button { flex: 1 1 100%; } .hostingComparePanelToggle { flex-wrap: wrap; } .hostingComparePanelToggle button { flex: 1 1 45%; justify-content: center; } } /*!******************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./app/legal-layout.css ***! \******************************************************************************************************************************************************************************************************************************************************************/ .legalPage > .legalHero { position: relative; min-height: 250px; padding: 36px 0 40px; overflow: hidden; display: flex; align-items: center; border-bottom: 0; background: #fbfaff; text-align: center; } .legalHero > .legalPattern { position: absolute; inset: 0; opacity: .9; background-image: linear-gradient(45deg, transparent 49%, #7041d70b 49.5%, #7041d70b 50.5%, transparent 51%), linear-gradient(-45deg, transparent 49%, #7041d70b 49.5%, #7041d70b 50.5%, transparent 51%); background-size: 54px 54px; } .legalHero > .siteWidth { position: relative; } .legalHero nav { margin-bottom: 24px; color: #777080; font: 700 7px var(--font-mono), monospace; letter-spacing: 1.3px; } .legalHero nav i { margin: 0 10px; color: #b4acbb; font-style: normal; } .legalHero nav b { color: #6c40d4; } .legalHero .siteWidth > span { display: inline-flex; min-height: 29px; padding: 0 15px; align-items: center; border: 1px solid #cdbdf0; background: #fff; color: #6c40d4; font: 800 8px var(--font-mono), monospace; letter-spacing: 1.6px; } .legalHero .siteWidth > span::before { content: ''; width: 6px; height: 6px; margin-right: 9px; background: #6c40d4; } .legalPage > .legalHero h1 { margin: 20px 0 9px; font-size: clamp(54px, 5.1vw, 72px); font-weight: 800; line-height: .82; letter-spacing: -4.7px; transform: scaleY(.9); transform-origin: center; } .legalPage > .legalHero h1.legalTitleCompact { font-size: clamp(27px, 2.55vw, 36px); line-height: .92; } .legalHero .siteWidth > p { max-width: none; margin: 0; color: #6c40d4; font: 700 9px var(--font-mono), monospace; letter-spacing: 1.8px; } .legalPageIndex { height: 43px; overflow-x: auto; background: #120e18; color: #a097a9; font-family: var(--font-mono), monospace; scrollbar-width: none; } .legalPageIndex::-webkit-scrollbar { display: none; } .legalPageIndex .siteWidth { width: max-content; min-width: max(100%, 900px); height: 100%; padding: 0 max(22px, calc((100vw - 1264px) / 2)); display: flex; align-items: center; gap: 22px; white-space: nowrap; font-size: 7px; font-weight: 700; letter-spacing: 1.2px; } .legalPageIndex b { color: #c4bbcc; } .legalPageIndex a { transition: color .18s; } .legalPageIndex a:hover { color: #b38fff; } .legalPage .legalLayout { padding-top: 65px; } .legalPage .legalLayout article > section { scroll-margin-top: 25px; } .legalLayout > article p + p { margin-top: 12px; } .legalLayout > article ul { margin: 18px 0 0; padding: 0; list-style: none; } .legalLayout > article li { position: relative; padding: 8px 0 8px 22px; border-top: 1px solid #ebe6f2; color: #5f5967; font-size: 13px; line-height: 1.65; } .legalLayout > article li::before { content: '\2713'; position: absolute; top: 9px; left: 2px; color: #7041d7; font: 800 10px var(--font-mono), monospace; } .legalLayout > article > section > h3 { margin: 28px 0 12px; padding-top: 18px; border-top: 1px solid #e1daec; color: #18131d; font-size: 18px; line-height: 1.3; } .legalSubsection { margin-top: 28px; padding: 24px 26px; border: 1px solid #e1daec; background: #faf9fd; } .legalSubsection h3 { margin: 0 0 12px; color: #18131d; font-size: 18px; line-height: 1.3; } .legalSubsection p:last-child, .legalSubsection ul:last-child { margin-bottom: 0; } .legalDocumentNav { margin-bottom: 70px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid #ddd6e9; border-left: 1px solid #ddd6e9; } .legalDocumentNav a { min-width: 0; min-height: 84px; padding: 15px 20px 13px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid #ddd6e9; border-bottom: 1px solid #ddd6e9; background: #faf9fd; transition: background .18s ease; } .legalDocumentNav a:hover { background: #f4f0fb; } .legalDocumentNav small, .legalDocumentNav em { overflow-wrap: anywhere; color: #888190; font: 700 7px/1.4 var(--font-mono), monospace; letter-spacing: 1.25px; } .legalDocumentNav strong { margin: 5px 0 4px; overflow-wrap: anywhere; color: #18131d; font-size: 14px; line-height: 1.15; } .legalDocumentNav strong span { color: inherit; } .legalDocumentNav em { font-size: 6px; font-style: normal; } .legalDocumentNav a[aria-current="page"] { background: #f7f3ff; } .legalDocumentNav a[aria-current="page"] strong { color: #6c40d4; } @media (max-width: 600px) { .legalPage > .legalHero { min-height: 260px; padding: 30px 0 35px; } .legalHero nav { margin-bottom: 20px; letter-spacing: .8px; } .legalHero nav i { margin: 0 6px; } .legalHero .siteWidth > span { padding: 0 10px; font-size: 7px; letter-spacing: 1px; } .legalPage > .legalHero h1 { font-size: 47px; line-height: .84; letter-spacing: -3.2px; transform: scaleY(.93); } .legalPage > .legalHero h1.legalTitleCompact { font-size: 24px; line-height: .95; } .legalHero .siteWidth > p { font-size: 7px; line-height: 1.6; letter-spacing: 1px; } .legalPage .legalLayout { padding-top: 40px; } .legalSubsection { padding: 20px 18px; } .legalDocumentNav { margin-bottom: 42px; grid-template-columns: 1fr; } .legalDocumentNav a { min-height: 96px; padding: 20px 18px; } } /*!*************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./app/mega-menu-reference.css ***! \*************************************************************************************************************************************************************************************************************************************************************************/ /* Desktop mega menu matched to the supplied compact technical index reference. */ @media (min-width: 851px) { .header .mega, .siteMega { background-color: #fff; background-image: linear-gradient(45deg, transparent 49%, rgba(96, 64, 209, .055) 49.5%, rgba(96, 64, 209, .055) 50.5%, transparent 51%), linear-gradient(-45deg, transparent 49%, rgba(96, 64, 209, .055) 49.5%, rgba(96, 64, 209, .055) 50.5%, transparent 51%); background-size: 44px 44px; box-shadow: 0 14px 28px rgba(52, 33, 104, .09); } .partsBar, .siteMegaMeta { height: 28px; background: rgba(248, 246, 253, .96); } .partsBar .megaWrap, .siteMegaMeta .siteWidth { padding: 0 22px; font-size: 7px; letter-spacing: 1.75px; } .megaFrame, .siteMegaBody.full { min-height: 217px; height: auto; background: #fff; grid-template-columns: minmax(0, 1fr) 218px; border-color: #d9d4e7; } .megaFrame::before, .megaFrame::after, .siteMegaBody.full::before, .siteMegaBody.full::after { content: ""; position: absolute; top: -1px; width: 9px; height: 9px; border-top: 1px solid #6844d9; z-index: 2; pointer-events: none; } .megaFrame::before, .siteMegaBody.full::before { left: -1px; border-left: 1px solid #6844d9; } .megaFrame::after, .siteMegaBody.full::after { right: -1px; border-right: 1px solid #6844d9; } .siteMegaBody.full { position: relative; } .megaColumn, .siteMegaGroups > section { padding: 12px 17px; } .megaColumn > p, .siteMegaGroups .siteMegaLabel { height: 21px; padding: 0; border-bottom: 1px solid #17151b; font-size: 7px; letter-spacing: 1.55px; } .megaColumn > a, .siteMegaGroups section > a, .siteMegaGroups > section:first-child > a { height: 38px; border-bottom: 1px dotted #d3cde0; } .siteMegaGroups section > a, .siteMegaGroups > section:first-child > a { position: relative; grid-template-columns: 27px minmax(0, 1fr) auto 11px; gap: 0; padding: 0 4px; transition: background-color .18s ease, box-shadow .18s ease, padding .18s ease; } .siteMegaGroups section > a:hover, .siteMegaGroups section > a:focus-visible { padding-left: 7px; background: #f7f4ff; box-shadow: inset 2px 0 #6840d2; outline: none; } .megaColumn > a > i, .siteMegaGroups section > a > i { width: 25px; font-size: 7px; } .siteMegaGroups section > a > .menuGlyph, .siteMegaGroups section > a > .menuFlag { width: 19px; height: 19px; margin-right: 7px; display: grid; place-items: center; border: 1px solid #d8cff0; background: #f4f0ff; color: #7650d5; font-size: 10px; line-height: 1; transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease; } .siteMegaGroups section > a > .menuGlyph { font-family: "Font Awesome 7 Pro" !important; font-style: normal; font-weight: 900 !important; font-synthesis: none; } .siteMegaGroups section > a > .menuFlag { border-color: transparent; background: transparent; font-family: Arial, sans-serif; font-size: 12px; } .siteMegaGroups section > a:hover > .menuGlyph, .siteMegaGroups section > a:focus-visible > .menuGlyph { border-color: #aa92e6; background: #e9e1ff; color: #5830bf; transform: translateY(-1px); } .siteMegaItemCopy { min-width: 0; } .siteMegaItemCopy > span { display: flex; align-items: center; min-width: 0; } .siteMegaItemCopy > span > b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .siteMegaItemCopy em { flex: 0 0 auto; margin-left: 6px; padding: 2px 4px 1px; border: 1px solid #cdbdf0; color: #6840d2; background: #fbf9ff; font: 700 5px/1 var(--font-mono), monospace; font-style: normal; letter-spacing: .55px; text-transform: uppercase; } .siteMegaValue { margin-left: 7px; color: #6539ce; font: 700 7px/1 var(--font-mono), monospace; white-space: nowrap; } .siteMegaArrow { margin-left: 5px; color: #7450d4; font: 700 7px/1 var(--font-mono), monospace; transition: transform .18s ease; } .siteMegaGroups section > a:hover .siteMegaArrow, .siteMegaGroups section > a:focus-visible .siteMegaArrow { transform: translateX(2px); } .siteMegaIndex { display: none !important; } .menuCopy b, .siteMegaGroups section > a span b { font-size: 10px; line-height: 13px; } .menuCopy small, .siteMegaGroups section > a span small { margin-top: 1px; font-size: 8px; line-height: 11px; } .megaColumn > a em, .megaColumn > a strong, .siteMegaGroups section > a strong { font-size: 7px; } .megaFrame aside, .siteMegaBody aside { padding: 17px 16px 14px; background: rgba(248, 246, 253, .97); } .megaFrame aside .eyebrow, .siteMegaBody aside > b { font-size: 7px; letter-spacing: 1.5px; } .megaFrame aside > p, .siteMegaBody aside p { margin: 10px 0; font-size: 9px; line-height: 15px; } .megaFrame aside li, .siteMegaBody.full aside li { padding: 6px 0; font-size: 7px; letter-spacing: .6px; } .megaCta, .siteMegaBody aside a { min-height: 29px; height: 29px; padding: 0 10px; display: flex; align-items: center; justify-content: center; font-size: 7px; letter-spacing: 1.4px; clip-path: polygon(0 0, 100% 0, 100% 72%, 94% 100%, 0 100%); } .megaFooter, .siteMegaFooter { position: relative; height: 24px; display: flex; align-items: center; border: 1px solid #d9d4e7; border-top: 0; background: #fff; color: #625c69; font: 600 6px var(--font-mono), monospace; letter-spacing: 1.25px; } .megaFooter::before, .megaFooter::after, .siteMegaFooter::before, .siteMegaFooter::after { content: ""; position: absolute; bottom: -1px; width: 9px; height: 9px; border-bottom: 1px solid #6844d9; z-index: 2; pointer-events: none; } .megaFooter::before, .siteMegaFooter::before { left: -1px; border-left: 1px solid #6844d9; } .megaFooter::after, .siteMegaFooter::after { right: -1px; border-right: 1px solid #6844d9; } .megaFooter .megaStrip, .siteMegaFooter .siteMegaStrip { height: 100%; flex: 1 1; min-width: 0; padding: 0 22px; border: 0; display: flex; align-items: center; gap: 34px; font: inherit; letter-spacing: inherit; } .megaFooter .megaRev, .siteMegaFooter > span { height: 100%; padding: 0 22px; display: flex; align-items: center; white-space: nowrap; font: inherit; letter-spacing: inherit; } .siteMegaBody.full > .siteMegaGroups { padding: 0; } .siteMegaGroups.hasStackedGroups { grid-template-rows: auto 1fr; } .siteMegaGroups.hasStackedGroups > section:nth-child(1) { grid-column: 1; grid-row: 1; } .siteMegaGroups.hasStackedGroups > section:nth-child(2) { grid-column: 1; grid-row: 2; } .siteMegaGroups.hasStackedGroups > section:nth-child(3) { grid-column: 2; grid-row: 1; } .siteMegaGroups.hasStackedGroups > section:nth-child(4) { grid-column: 2; grid-row: 2; } .siteMegaGroups.hasStackedGroups > section:nth-child(5) { grid-column: 3; grid-row: 1 / span 2; } } @media (min-width: 851px) and (max-width: 1050px) { .megaFrame, .siteMegaBody.full { grid-template-columns: minmax(0, 1fr) 190px; } .megaColumn, .siteMegaGroups > section { padding-inline: 12px; } .megaFooter .megaStrip, .siteMegaFooter .siteMegaStrip { gap: 18px; padding-inline: 16px; } } @media (max-width: 850px) { .megaFooter, .siteMegaFooter { display: none; } } /*!************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./app/heading-typography.css ***! \************************************************************************************************************************************************************************************************************************************************************************/ /* Give every display heading the compact character used by the legal hero. */ h1, h2, h3, h4, h5, h6 { font-family: var(--font-sans), Arial, sans-serif !important; font-weight: 800 !important; font-stretch: condensed; letter-spacing: 0 !important; transform: scaleY(.92) !important; transform-origin: center; } @media (max-width: 600px) { h1, h2, h3, h4, h5, h6 { transform: scaleY(.94) !important; } } /*!**********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./app/blog.css ***! \**********************************************************************************************************************************************************************************************************************************************************/ .blogPage{font-family:var(--font-sans),Arial,sans-serif;color:var(--ink);background:#fff} /* Shared corner-bracket frame accent (matches the site's existing card-corner motif) */ .blogCard,.blogSideBox,.blogHeroStats,.blogShare{position:relative} .blogCard::before,.blogSideBox::before,.blogHeroStats::before,.blogShare::before{content:'';position:absolute;top:-1px;left:-1px;width:11px;height:11px;border-top:2px solid var(--purple);border-left:2px solid var(--purple);pointer-events:none} .blogCard::after,.blogSideBox::after,.blogHeroStats::after,.blogShare::after{content:'';position:absolute;bottom:-1px;right:-1px;width:11px;height:11px;border-bottom:2px solid var(--purple);border-right:2px solid var(--purple);pointer-events:none} .blogSideCta{position:relative} .blogSideCta::before{content:'';position:absolute;top:-1px;left:-1px;width:11px;height:11px;border-top:2px solid #b6a6ec;border-left:2px solid #b6a6ec;pointer-events:none} .blogSideCta::after{content:'';position:absolute;bottom:-1px;right:-1px;width:11px;height:11px;border-bottom:2px solid #b6a6ec;border-right:2px solid #b6a6ec;pointer-events:none} /* Hero — mirrors the centered "about-us" hero pattern (badge, two-line accent title, proof strip, stat grid) */ .blogHero{position:relative;min-height:400px;padding:32px 0 50px;overflow:hidden;background:#fbfaff;border-bottom:1px solid var(--line)} .blogPattern{position:absolute;inset:0;opacity:.85;background-image:linear-gradient(45deg,transparent 49%,#6c40d40b 49.5%,#6c40d40b 50.5%,transparent 51%),linear-gradient(-45deg,transparent 49%,#6c40d40b 49.5%,#6c40d40b 50.5%,transparent 51%);background-size:54px 54px} .blogHeroInner{position:relative;text-align:center} .blogBreadcrumb{display:flex;justify-content:center;align-items:center;gap:12px;color:#857f8d;font:700 8px var(--font-mono),monospace;letter-spacing:1.2px} .blogBreadcrumb i{margin:0 -4px;color:#b2aabb;font-style:normal} .blogBreadcrumb b{color:var(--purple)} .blogBreadcrumb a:hover{color:var(--purple)} .blogBadge{width:max-content;min-height:29px;margin:21px auto 0;padding:0 15px;display:flex;align-items:center;gap:8px;border:1px solid #cdbdf0;background:#fff;color:var(--purple);font:800 8px var(--font-mono),monospace;letter-spacing:1.4px} .blogHero h1{margin:25px auto 17px;max-width:700px;font-size:clamp(32px,4.4vw,52px);font-weight:800;line-height:.98;letter-spacing:-2.5px} .blogHero h1 strong{color:var(--purple)} .blogHeroInner>p{max-width:660px;margin:0 auto;color:#625d69;font-size:13.5px;line-height:1.75} .blogHeroActions{margin-top:24px;display:flex;justify-content:center;gap:10px} .blogHeroActions a{min-width:190px;min-height:45px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;border:1px solid #1c1820;background:#fff;color:var(--ink);font:800 9px var(--font-mono),monospace;letter-spacing:1px} .blogHeroActions a.blogHeroPrimary{border-color:var(--purple);background:var(--purple);color:#fff} .blogHeroProof{margin-top:20px;display:flex;justify-content:center;flex-wrap:wrap} .blogHeroProof span{min-height:29px;padding:0 18px;display:flex;align-items:center;gap:8px;border-right:1px solid #dcd5e6;color:#696270;font:700 8px var(--font-mono),monospace;letter-spacing:.8px} .blogHeroProof span:first-child{border-left:1px solid #dcd5e6} .blogHeroProof i{color:var(--purple);font-size:8px} .blogHeroStats{min-height:81px;margin:35px auto 0;max-width:720px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #cfc4e6;background:#ffffffd9;text-align:left} .blogHeroStats div{padding:17px 20px;border-right:1px solid #dcd5e6} .blogHeroStats div:last-child{border-right:0} .blogHeroStats b{display:block;color:var(--purple);font-size:22px;line-height:1;letter-spacing:-.5px} .blogHeroStats span{display:block;margin-top:7px;color:#716a78;font:700 9px var(--font-mono),monospace;letter-spacing:.8px} /* Left-aligned hero variant — same composition as the blog listing hero, used on the article page */ .blogHero.blogHeroLeftAlign{min-height:0;padding:34px 0 30px} .blogHeroLeftAlign .blogHeroInner{text-align:left} .blogHeroLeftAlign .blogBreadcrumb{justify-content:flex-start} .blogHeroLeftAlign .blogBadge{margin:21px 0 0} .blogHeroLeftAlign h1{margin:16px 0 14px;max-width:900px;font-size:clamp(28px,3.6vw,42px);line-height:1.15;letter-spacing:-1px} .blogHeroLeftAlign .blogHeroInner>p{margin:0;max-width:720px} .blogHeroLeftAlign .blogHeroActions{justify-content:flex-start} .blogHeroLeftAlign .blogHeroProof{justify-content:flex-start} .blogHeroLeftAlign .blogHeroProof span:first-child{border-left:0;padding-left:0} .blogHeroLeftAlign .blogHeroStats{margin:35px 0 0} .blogHeroMeta{display:flex;flex-wrap:wrap;gap:18px;margin-top:16px;color:var(--muted);font-size:11.5px;font-weight:600} .blogHeroMeta i{margin-right:6px;color:var(--purple)} /* Toolbar / tabs */ .blogLayout{padding-top:40px;padding-bottom:80px;display:grid;grid-template-columns:1fr 320px;gap:46px;align-items:start} .blogTabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px} .blogTabs a{display:inline-flex;align-items:center;height:34px;padding:0 16px;border:1px solid var(--line);color:var(--muted);font:700 11px var(--font-sans),Arial;background:#fff;transition:all .18s} .blogTabs a:hover{border-color:var(--purple);color:var(--purple)} .blogTabs a.active{background:var(--purple);border-color:var(--purple);color:#fff} .blogResultMeta{margin-bottom:22px;color:var(--muted);font-size:11.5px} .blogResultMeta b{color:var(--ink)} /* Grid + cards */ .blogGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} .blogCard{border:1px solid var(--line);background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;flex-direction:column} .blogCard:hover{transform:translateY(-4px);box-shadow:0 16px 32px #3f2d7314;border-color:#d4c8f7} .blogCardMedia{position:relative;display:block;height:170px;background:linear-gradient(135deg,#efe9ff,#f7f5fd);display:flex;align-items:center;justify-content:center;color:#b6a6ec;font-size:34px;overflow:hidden} .blogCardMedia img{width:100%;height:100%;object-fit:cover} .blogCardBadge{position:absolute;top:12px;left:12px;padding:5px 11px;background:var(--dark);color:#fff;font:700 9px var(--font-mono),monospace;letter-spacing:.7px} .blogCardBody{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1 1} .blogCardMeta{display:flex;flex-wrap:wrap;gap:12px;color:#948d9e;font-size:9.5px;font-weight:700;letter-spacing:.3px} .blogCardMeta i{margin-right:4px;color:#b6a6ec} .blogCard h3{margin:10px 0 8px;font-size:16.5px;line-height:1.35} .blogCard h3 a{color:var(--ink)} .blogCard h3 a:hover{color:var(--purple)} .blogCard>.blogCardBody>p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.65;flex:1 1} .blogCardFoot{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid #f0edf7} .blogCardAuthor{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10.5px;font-weight:700} .blogCardAuthor i{width:22px;height:22px;border-radius:50%;background:var(--purple);color:#fff;display:grid;place-items:center;font-style:normal;font-size:10px} .blogCardMore{color:var(--purple);font-size:10.5px;font-weight:700;display:flex;align-items:center;gap:6px} .blogCardMore i{font-size:9px} .blogEmpty{padding:70px 20px;text-align:center;border:1px dashed var(--line);color:var(--muted)} .blogEmpty i{font-size:26px;color:#c9c0e3;margin-bottom:10px;display:block} /* Pagination */ .blogPagination{display:flex;align-items:center;justify-content:space-between;margin-top:34px;padding-top:22px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)} .blogPagination a{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border:1px solid var(--line);font-weight:700;color:var(--ink)} .blogPagination a:hover{border-color:var(--purple);color:var(--purple)} .blogPagination a.disabled{opacity:.4;pointer-events:none} /* Sidebar */ .blogSidebar{display:flex;flex-direction:column;gap:18px} .blogSideBox{border:1px solid var(--line);padding:18px} .blogSideBox>b{display:flex;align-items:center;gap:8px;margin-bottom:14px;font:800 10px var(--font-mono),monospace;letter-spacing:1px;color:var(--ink)} .blogSideBox>b i{color:var(--purple)} .blogSideSearch{display:flex;border:1px solid var(--line)} .blogSideSearch input{flex:1 1;border:0;padding:0 12px;height:40px;font-size:12.5px;background:transparent} .blogSideSearch button{width:42px;border:0;background:var(--purple);color:#fff} .blogSideList{list-style:none;margin:0;padding:0} .blogSideList li+li{margin-top:2px} .blogSideList a{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 8px;color:var(--muted);font-size:12.5px;font-weight:600} .blogSideList a:hover{background:var(--wash);color:var(--purple)} .blogSideList a.active{background:var(--purple);color:#fff} .blogSideList a span{font:700 9px var(--font-mono),monospace;color:inherit;opacity:.75} .blogSideRecent{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px} .blogSideRecent li{display:flex;gap:10px} .blogSideRecentThumb{width:56px;height:56px;overflow:hidden;flex:0 0 auto;background:linear-gradient(135deg,#efe9ff,#f7f5fd);display:grid;place-items:center;color:#b6a6ec} .blogSideRecentThumb img{width:100%;height:100%;object-fit:cover} .blogSideRecent li>div{min-width:0} .blogSideRecent li>div>a{display:block;color:var(--ink);font-size:12px;font-weight:600;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .blogSideRecent li>div>a:hover{color:var(--purple)} .blogSideRecent li>div>small{display:block;margin-top:4px;color:#a29bb0;font-size:9.5px} .blogSideTags{display:flex;flex-wrap:wrap;gap:7px} .blogSideTags a{display:inline-flex;align-items:center;height:28px;padding:0 11px;border:1px solid var(--line);color:var(--muted);font:700 10px var(--font-mono),monospace} .blogSideTags a:hover,.blogSideTags a.active{background:var(--purple);border-color:var(--purple);color:#fff} .blogSideCta{padding:22px;background:var(--dark);color:#fff} .blogSideCta>b{display:block;font:800 10px var(--font-mono),monospace;letter-spacing:1px;color:#b6a6ec} .blogSideCta>p{margin:10px 0 16px;font-size:11.5px;line-height:1.7;color:#c7c2d2} .blogSideCta>a{display:inline-flex;align-items:center;gap:8px;color:#fff;font:700 10.5px var(--font-sans),Arial;border-bottom:1px solid #ffffff55;padding-bottom:3px} /* Article */ .blogArticleCover{margin-top:-1px;padding-top:28px} .blogArticleCover img{width:100%;max-height:460px;object-fit:cover;border:1px solid var(--line)} .blogArticleBody{min-width:0} .blogRichText{font-size:15px;line-height:1.85;color:#332f3d} .blogRichText h2{margin:34px 0 14px;font-size:23px;letter-spacing:-.4px} .blogRichText h3{margin:26px 0 12px;font-size:18px} .blogRichText p{margin:0 0 16px} .blogRichText ul,.blogRichText ol{margin:0 0 16px;padding-left:22px} .blogRichText li{margin-bottom:6px} .blogRichText img{max-width:100%;margin:10px 0} .blogRichText a{color:var(--purple);text-decoration:underline} .blogRichText blockquote{margin:20px 0;padding:16px 20px;border-left:3px solid var(--purple);background:var(--wash);color:#514c5d;font-style:italic} .blogRichText code{background:var(--wash);padding:2px 6px;font-family:var(--font-mono),monospace;font-size:.9em} .blogArticleTags{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px} .blogArticleTags a{display:inline-flex;align-items:center;height:30px;padding:0 13px;border:1px solid var(--line);color:var(--muted);font:700 10.5px var(--font-mono),monospace} .blogArticleTags a:hover{border-color:var(--purple);color:var(--purple)} /* Share */ .blogShare{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:32px;padding:18px 20px;border:1px solid var(--line);background:var(--wash)} .blogShare>b{font:800 10px var(--font-mono),monospace;letter-spacing:1px;color:var(--ink)} .blogShareLinks{display:flex;gap:9px} .blogShareLinks a,.blogShareLinks button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:14px;cursor:pointer;transition:all .18s} .blogShareLinks a:hover,.blogShareLinks button:hover{background:var(--purple);border-color:var(--purple);color:#fff} .blogRelated{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)} .blogRelated>b{display:block;margin-bottom:18px;font:800 11px var(--font-mono),monospace;letter-spacing:1.2px;color:var(--ink)} .blogRelated .blogGrid{grid-template-columns:repeat(3,1fr)} @media(max-width:1000px){ .blogLayout{grid-template-columns:1fr} .blogSidebar{order:-1} .blogGrid,.blogRelated .blogGrid{grid-template-columns:repeat(2,1fr)} } @media(max-width:640px){ .blogHero{padding:44px 0 30px} .blogHeroStats{grid-template-columns:repeat(2,1fr);gap:22px 30px} .blogGrid,.blogRelated .blogGrid{grid-template-columns:1fr} .blogPagination{flex-direction:column;gap:12px;align-items:stretch;text-align:center} .blogArticleCover{padding-top:20px} } /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[15].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"app/layout.js","import":"Archivo","arguments":[{"subsets":["latin"],"display":"swap","variable":"--font-sans"}],"variableName":"archivo"} ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* vietnamese */ @font-face { font-family: 'Archivo'; font-style: normal; font-weight: 100 900; font-stretch: 100%; font-display: swap; src: url(/_next/static/media/b06b356f834173cc-s.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Archivo'; font-style: normal; font-weight: 100 900; font-stretch: 100%; font-display: swap; src: url(/_next/static/media/23d669af23d19c95-s.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Archivo'; font-style: normal; font-weight: 100 900; font-stretch: 100%; font-display: swap; src: url(/_next/static/media/1a4aa50920b5315c-s.p.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }@font-face {font-family: 'Archivo Fallback';src: local("Arial");ascent-override: 88.96%;descent-override: 21.28%;line-gap-override: 0.00%;size-adjust: 98.70% }.__className_5afde0 {font-family: 'Archivo', 'Archivo Fallback';font-style: normal }.__variable_5afde0 {--font-sans: 'Archivo', 'Archivo Fallback' } /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[15].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"app/layout.js","import":"IBM_Plex_Mono","arguments":[{"subsets":["latin"],"weight":["400","500","600","700"],"display":"swap","variable":"--font-mono"}],"variableName":"ibmPlexMono"} ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* cyrillic-ext */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(/_next/static/media/58f386aa6b1a2a92-s.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(/_next/static/media/011e180705008d6f-s.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(/_next/static/media/7ba5fb2a8c88521c-s.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(/_next/static/media/92eeb95d069020cc-s.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(/_next/static/media/d3ebbfd689654d3a-s.p.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url(/_next/static/media/ef4d5661765d0e49-s.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url(/_next/static/media/d29838c109ef09b4-s.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url(/_next/static/media/e40af3453d7c920a-s.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url(/_next/static/media/99dcf268bda04fe5-s.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url(/_next/static/media/98e207f02528a563-s.p.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 600; font-display: swap; src: url(/_next/static/media/73cb51aac9c97f90-s.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 600; font-display: swap; src: url(/_next/static/media/d26bbd13d6b70f89-s.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 600; font-display: swap; src: url(/_next/static/media/20535187d867b7b9-s.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 600; font-display: swap; src: url(/_next/static/media/5356a6a4f2c8c8d8-s.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 600; font-display: swap; src: url(/_next/static/media/db96af6b531dc71f-s.p.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 700; font-display: swap; src: url(/_next/static/media/704b853f32d191d5-s.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 700; font-display: swap; src: url(/_next/static/media/656feb427634a431-s.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 700; font-display: swap; src: url(/_next/static/media/991629005c80bdf1-s.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 700; font-display: swap; src: url(/_next/static/media/46e154b2fcbd6033-s.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 700; font-display: swap; src: url(/_next/static/media/37786be940ec402b-s.p.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }@font-face {font-family: 'IBM Plex Mono Fallback';src: local("Arial");ascent-override: 76.16%;descent-override: 20.43%;line-gap-override: 0.00%;size-adjust: 134.59% }.__className_b4c22e {font-family: 'IBM Plex Mono', 'IBM Plex Mono Fallback';font-style: normal }.__variable_b4c22e {--font-mono: 'IBM Plex Mono', 'IBM Plex Mono Fallback' }