/* Manga edition: ink frames, paper, screentones and restrained brand blue. */
:root{--ink:#151921;--paper:#fffef9;--muted:#535761;--line:#222832;--lime:#dbe7ff;--dark:#111620}body{background:var(--paper)}em{color:#1555e8}h1,h2,h3{font-weight:700}.header{border-bottom:3px solid #181b22}.brand-cat{border:2px solid #171c26}.header nav{color:#252a33}.hero{background:#fffef9;border-bottom:4px solid #151921;color:#151921}.hero-image{object-position:center}.hero-shade{background:linear-gradient(90deg,#fffef9ed 0%,#fffef9cc 25%,#fffef930 48%,transparent 62%)}.hero-copy{padding-top:70px;max-width:76%}.hero h1{font-size:clamp(45px,5vw,76px);letter-spacing:-.075em;line-height:1.2;text-shadow:3px 3px white}.hero h1 em{color:#1555e8}.chapter-label{display:inline-block;padding:7px 18px;background:#171d29;color:#fff;font-weight:700;font-size:13px;transform:rotate(-3deg);margin-bottom:32px;box-shadow:4px 4px 0 #1555e8}.hero .eyebrow{font-size:9px;background:#fffef9dd;display:table;padding:4px}.speech{display:table;background:#fffef9;border:2px solid #151921;padding:17px 23px;border-radius:45% 45% 40% 35% / 15% 20% 15% 20%;position:relative;color:#292e37;font-size:15px;box-shadow:5px 5px 0 #161a2420;max-width:460px}.button{border-radius:0!important;font-weight:700;box-shadow:4px 4px 0 #171b26!important;transform:rotate(-1deg)}.button:hover{transform:translateY(-2px) rotate(0)}.button.accent{border:2px solid #171b26;background:#1555e8}.hero-bottom{background:#fffef9ed;padding:12px;color:#232a36;border:1px solid #232a36;bottom:14px;left:24px;right:24px}.hero-bottom span:last-child{background:none}.foundation{background-image:radial-gradient(#15192119 .7px,transparent .7px);background-size:7px 7px}.foundation>div{background:#fffef9;padding:20px}.server-intro{background:#fffef9;border-top:3px solid #171b26}.journey{background:#fffef9}.journey-top{border-color:#171b26;font-weight:700}.plan-art{border:3px solid #171b26;border-radius:0;background:#fff;box-shadow:7px 7px 0 #171b26}.plan-mascot{object-fit:cover}.technical{border:2px solid #171b26;border-radius:0;background:white;color:#171b26;transform:rotate(-3deg);font-weight:700}.art-note{border:1px solid #171b26;border-radius:0;background:#fffffff2;color:#222}.plan-info{padding:28px;border:2px solid #171b26;background:white;box-shadow:6px 6px 0 #171b26}.panel-caption{display:table;margin:-42px 0 22px;background:#1555e8;color:white;border:2px solid #171b26;padding:8px 14px;font-size:13px;font-weight:bold;transform:rotate(-2deg)}.plan-info h3{font-weight:700}.plan-info .price{font-weight:700}.plan-dots button{border:1px solid #171b26;padding:7px 9px;color:#171b26}.plan-dots button[aria-current=true]{background:#1555e8;color:#fff}.cloud-card{border:2px solid #171b26;border-radius:0;box-shadow:5px 5px 0 #171b26}.cloud-card.gpu{background:#19243a;border-color:#171b26}.services{background:#151b29;background-image:radial-gradient(#ffffff1c 1px,transparent 1px);background-size:8px 8px;border-block:4px solid #111}.services .section-heading{background:#151b29;padding:20px 0}.service-row{background:#151b29}.traffic a{border-radius:0;border:2px solid #bbcbe4;background:#151b29}.mascot-story{background:#fffef9;border-bottom:3px solid #171b26}.mascot-story img{border:3px solid #171b26;border-radius:0;box-shadow:8px 8px 0 #171b26}.mascot-story h2{font-weight:700}.steps>div{border-top:4px solid #171b26}.steps span{background:#171b26;color:white;padding:6px 10px}.closing{background:#fffef9;border-top:4px solid #171b26;background-image:radial-gradient(#171b2625 1px,transparent 1px);background-size:7px 7px}.closing-cat{border:3px solid #171b26;border-radius:0;box-shadow:7px 7px 0 #171b26}.closing h2{background:#fffef9;display:table;padding:8px}.closing>.eyebrow{background:#fffef9;display:table}.support-cat{border-radius:0;border:2px solid #171b26}.detail .detail-cta,.contact aside{background:#edf2ff;border:2px solid #171b26;border-radius:0}.detail .detail-hero{border-bottom:3px solid #171b26}.contact input,.contact select,.contact textarea{border-radius:0;border-color:#303746}.detail .detail-cta h2{clear:none}footer{border-top:3px solid #171b26;background:#111620}
@media(min-width:1000px) and (min-height:680px){.horizontal .plan-panel{gap:5vw;padding:35px 10px 35px 0}.horizontal .plan-info{padding:24px}.horizontal .plan-info .price{font-size:42px}.horizontal .plan-info h3{font-size:36px}.horizontal .plan-info dl{font-size:12px}}
@media(max-width:999px){.hero-copy{max-width:none;padding-top:45px}.hero-shade{background:linear-gradient(180deg,#fffef9 0%,#fffef9 38%,#fffef900 65%)}.hero-image{height:480px}.hero{min-height:980px}.plan-info{margin-top:15px}.mascot-story{padding-top:65px;padding-bottom:65px}.hero-bottom{left:15px;right:15px}.foundation>div{padding:0}}
@media(max-width:650px){.hero{min-height:920px}.hero-copy{padding-top:30px;padding-bottom:430px}.hero h1{font-size:39px;line-height:1.25}.chapter-label{margin-bottom:24px;font-size:11px}.hero .eyebrow{font-size:7px;letter-spacing:0}.hero-description{font-size:13px;padding:15px 16px}.hero-image{height:420px;bottom:45px;object-position:72% center}.hero-shade{background:linear-gradient(180deg,#fffef9 0%,#fffef9 43%,transparent 62%)}.hero-bottom{padding:6px;font-size:7px}.plan-info{padding:24px 20px}.panel-caption{font-size:12px}.plan-info .price{font-size:36px}.plan-art{min-height:345px}.mascot-story img{max-height:none}.closing-cat{box-shadow:5px 5px 0 #171b26}}
@media(prefers-reduced-motion:reduce){.button{transition:none}}
#server-premium .plan-mascot,#server-enterprise .plan-mascot{object-position:right center}
